Проблема з модальним вікном

Avatar

Від tritonka 20-10-2018 16:54:13

Учасник · 28 повідомлень

Добрий день. Зробив посилання у вигляді анімованої кнопки, а також модальне вікно (bootstrap).
Кнопка
<div class="callback">
<a class="callback_link" data-toggle="modal" data-target="#myModal">
<div class="callback_block"><div class="callback_a"></div><div class="callback_b"></div></div>
</a>   
</div>

Вікно
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        [contact-form-7 id="332" title="Контактная форма 1"]
      </div>
    </div>
  </div>
</div>

Виводжу за допомогою html-віджету. Все працює, але є два питання.
1. При відкритті модального вікна весь сайт зміщується вліво
ae6b9775285003ce639c36d3a9158783.th.png
Чому і як це виправити?
2. Як зробити, щоб після відправки форми CF7 модальне вікно саме закривалось?

В останнє редагував tritonka (20-10-2018 16:58:58)

Avatar

Від AzzePis 20-10-2018 17:53:34

Administrator · 1,025 повідомлень

Вітаю.
1. Це питання до верстальників, навряд тут такі бувають і читають форум
2. використати якусь подію https://contactform7.com/dom-events/


Український хостинг для WordPress | Шаблони та плагіни для WordPress українською
Тут можна купити домен за найкращою ціною

Avatar

Від tritonka 21-10-2018 12:44:03

Учасник · 28 повідомлень

Трохи розібрався
1. .modal-open {padding-right: 0! important;}
2. поки що зробив редірект на головну
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'http://louvers/';
}, false );
</script>