Как сделать, чтобы форма не ездила при каждой операции на телефоне?

Question

[Evgen Roev]

Как сделать, чтобы форма не ездила при каждой операции на телефоне?
на мобильной версии при клике на button, заказать звонок выскакивает форма когда начинаешь вводить, форма начинает скакать

Comments

[Evgen Roev]

видео
https://avtoprokat-tomsk.ru

[Evgen Roev]

<div class="logo__button">
                    <div class="contact-us"><a href="#contact_form_pop_up" class="fancybox-inline">Заказать звонок</a>
                    </div>
                    <div style="display:none" class="fancybox-hidden">
                        <div id="contact_form_pop_up">
                            <?php echo do_shortcode('[contact-form-7 id="332" title="Контактная форма 1"]'); ?>
                        </div>
                    </div>
                </div>

.contact-us a {
    background-color: var(--main-black); /*цвет фона*/
    padding: 19px 38px; /*внутренние отступы*/
    display: block;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center; /*выравнивание текста по центру*/
    color: var(--main-yelow); /*цвет текста*/
    text-decoration: none; /*убрать подчёркивание у ссылки*/
    font-size: 1rem;
    margin: auto; /*выравнивание кнопки по центру*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/**Плавное появление тени у кнопки при наведении**/
.contact-us a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: var(--main-red);
    color: var(--main-white);
}
.wpcf7 {
    background:#FFEC00!important;  /*цвет границы*/
    padding:20px 20px 20px 20px!important;
    text-align:center;
    font-size:17px;
}
.wpcf7 h2{
    text-transform:uppercase;
    font-size:20px;
    color:#750000;
    margin-bottom:15px;
}
.wpcf7-text{
    margin-bottom:10px;
    padding:5px;
    border:1px solid #6e6e6e;
}
.wpcf7-text:focus{
    -moz-box-shadow: 0 0 6px #004080!important;
    -webkit-box-shadow: 0 0 6px #004080!important;
    box-shadow:0 0 6px #004080!important;
}
.wpcf7-submit{
    background: var(--main-black);
    color:yellow!important;
    text-shadow:none!important;
    text-transform:uppercase;
    margin-top:20px;
    border: none!important;
}
.wpcf7-submit:hover{
    background: #D33232!important;
    color: #ffffff!important;
}
.wpcf7-not-valid{
    border:1px solid red!important;
}
.wpcf7-response-output{
    background:#fff;
    border-radius:10px!important;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow:0 0 6px #000;
}