Якщо ви хочете показати певний блок лише на мобільних пристроях та планшетах, ви можете приховати його від показу на десктопі за допомогою додаткового коду.

Перегляньте інструкцію нижче, щоб приховати блок на десктопній версії вебсайту.

Важливо: ця опція доступна лише для Pro сайтів.

Крок 1. Доступ до якоря блоку

Щоб інтеграція працювала правильно, вам потрібно дізнатися якір блоку, який ви хочете приховати на десктопі. Для цього наведіть на потрібний блок і натисніть на «шестерню», щоб перейти до його налаштувань:



Відкрийте вкладку Інформація та скопіюйте назву якоря блоку, яка стоїть після хештега:



Крок 2. Приховування блоку за допомогою коду

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



Відкрийте вкладку CSS і вставте наступний скрипт:

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




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

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