Форум Сайтостроение Веб-строительство

Как скрыть div на смартфонах и запустить форму (см. сайт)?

Mahol
На сайте с 20.11.2016
Offline
105
Mahol
275

Всем доброго дня. Есть сайт на Wordpress, на странице ссылки на форму по кнопке "Вычет на себя".
Форма не работает в мобильной версии. Как можно починить? Либо как скрыть на смартфонах один ряд кнопок, чтобы сделать работающую форму?

png vychet.png
Владимир Коток
На сайте с 04.12.2011
Offline
131
Владимир Коток
#1 
<?php if(wp_is_mobile()) { ?>
//если пользователь с мобильного
//ничего не показываем. Или показываем облегченную версию того, что ниже
<?php } else { ?>
//пользователь зашел с обычного браузера
//показываем контент для всех
<?php } ?>

Дальше твоя фантазия.

🟢 Недорогое продление русских доменов — 199 руб/год — 👍 https://vladimir-kotok.ru/fe/
Mahol
На сайте с 20.11.2016
Offline
105
Mahol
#2
Владимир Коток #:

Дальше твоя фантазия.

Благодарю, но сделал с помощью CSS:

@media (max-width: 768px) {
    .hidden-on-mobile {
        display: none;
    }
}

/* Скрыть на компьютерах (ширина экрана больше 1024px) */
@media (min-width: 1025px) {
    .hidden-on-desktop {
        display: none;
    }
}

"Завести" бы еще формы с AMP - на мобильной версии, как я понял, режется лишний код, из-за этого всплывающие формы не работают.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий