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 блоку



Клацніть Зберегти, щоб усі зміни застосувалися.
Чи була ця стаття корисною?
Скасувати
Дякуємо!