Настройка видимости секций и элементов 

на разных устройствах

Во Flexbe есть функция Видимость на устройствах — вы можете настраивать, на каких устройствах хотите показывать секцию или элемент:

— на всех устройствах

— только мобильные

— только ПК

Обычно это нужно, если вы делаете разное оформление для разных устройств.

Настройка секции 

Например, у вас есть секция, которая хорошо смотрится на ПК — но не подходит для мобильных. 

С большого монитора удобно листать вкладки меню — яркая фотография обозначает тему раздела (Салаты или Десерты), а справа — блюда.

Но на маленьком экране смартфона секция смотрится иначе. Визуально кажется, что картинка обозначает верхнюю позицию меню — и получается, что изображение не соответствует содержанию.

Поэтому можно поставить видимость Только ПК, и сделать другую секцию с меню — только для показа на мобильных устройствах. 

Вам не придется создавать два сайта, для ПК и мобильных, достаточно настроить в секциях видимость на разных устройствах.

Когда в секции включена настройка Видимость на устройствах — появляется зеленый значок.

Настройка элемента 

Иногда не нужно переделывать всю секцию — достаточно скрыть или добавить один элемент. Тем более количество секций влияет на скорость загрузки страницы — если есть возможность, лучше настраивать элемент вместо дублирования секции.

Например, кнопка Позвонить на первом экране нужна только на мобильных телефонах — чтобы клиенту было удобно сделать заказ со смартфона.

Если клиент сидит за персональным компьютером, скорее всего он будет оформлять заказ на сайте, а если и решит позвонить — то уж никак не с компьютера. Поэтому кнопка Позвонить на ПК не нужна — лучше ее скрыть и оставить видимость только на мобильных устройствах.

В настройках каждого элемента есть режим Видимость на устройствах. Чтобы перейти в него, нужно нажать на «...» в правом верхнем углу любого элемента.

Когда в элементе включена настройка Видимость на устройствах — в секции появляется зеленый значок.