Если вы хотите отображать определённый блок только на мобильных устройствах и планшетах, вы можете скрыть его от показа на десктопе с помощью дополнительного кода.

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

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

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

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



Откройте вкладку Информация и скопируйте название якоря блока, которое стоит после хэштега:



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

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



Откройте вкладку CSS и вставьте следующий скрипт:

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



Важно: вместо #anchor вставьте название якоря блока, которое вы получили на первом шаге.

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