Проблема з модальним вікном
Добрий день. Зробив посилання у вигляді анімованої кнопки, а також модальне вікно (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. При відкритті модального вікна весь сайт зміщується вліво
Чому і як це виправити?
2. Як зробити, щоб після відправки форми CF7 модальне вікно саме закривалось?
В останнє редагував tritonka (20-10-2018 16:58:58)
Від AzzePis 20-10-2018 17:53:34
Administrator · 1,001 повідомленьВітаю.
1. Це питання до верстальників, навряд тут такі бувають і читають форум
2. використати якусь подію https://contactform7.com/dom-events/
Український хостинг для WordPress | Шаблони та плагіни для WordPress українською
Тут можна купити домен за найкращою ціною
Від 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>
Від tritonka 20-10-2018 16:54:13
Учасник · 28 повідомлень