English French German Italian Portuguese Spanish
Translate articles into another language!
Эта статья также доступна на:
Если вы хотите отображать определённый блок только на мобильных устройствах и планшетах, вы можете скрыть его от показа на десктопе с помощью дополнительного кода.

Следуйте инструкциям ниже, чтобы скрыть блок на десктопной версии сайта.

Важно: эта опция доступна только для Pro сайтов.

Шаг 1. Доступ к якорю или ID блока

Для скрытия обычного блока вам нужно узнать его якорь, а для скрытия шапки (хедера) – его ID. Для этого наведите на нужный блок и нажмите «шестерню», чтобы перейти к его настройкам:



Убедитесь, что параметр Растянуть на всю высоту экрана отключен:



Перейдите на вкладку Информация и скопируйте название якоря (1), стоящее после хештега, для скрытия обычного блока, или ID блока (2) для скрытия шапки (хедера):



Шаг 2. Скрытие блока с помощью кода

Перейдите в глобальные настройки сайта и откройте вкладку Сторонний код:



Откройте вкладку CSS и вставьте один из скриптов в зависимости от того, какой блок вы скрываете.

для обычного блока:

@media (min-width: 768px) {
    #anchor ~ section {
        display: none;
    }
}

для шапки сайта (хедера):

@media (min-width: 768px) {
    #blockId-xxxxxxxxxxxx {
        display: none;
    }
}

Важно: вместо #anchor вставьте название якоря блока, которое вы получили на первом шаге, а если скрывается шапка (хедер), то вместо xxxxxxxxxxxx нужно указать настоящий ID блока.



Нажмите Сохранить, чтобы изменения вступили в силу.
Была ли эта статья полезна?
Отменить
Спасибо!