This article is also available in:
Одним из главных преимуществ редактора сайтов на Weblium является адаптивность всех блоков и элементов для мобильной версии. В этой статье мы расскажем, по какому принципу это происходит.

Хедер

Все компоненты хедера переходят в так называемое "Бургер" меню в мобильной версии сайта. Меню навигации, иконки социальных сетей, контактные телефоны и прочее переносятся в "бургер" меню. Его можно открыть, нажав на кнопку "Меню" в мобильной версии, например: 



После нажатия вы увидите все элементы, которые находятся в хедере:



Также, в зависимости от блока, "бургер" меню может находиться справа или слева. 

Блоки с несколькими компонентами

Все блоки с несколькими компонентами будут выглядеть вертикальными на меньших экранах. Порядок этих элементов сохраняется и на мобильной версии; мы "считываем" компоненты слева направо, только располагаем их вертикально.

Например, так блок выглядит на десктопе:



А вот как он будет выглядеть на мобильной версии: 



Кнопки

Кнопки всегда будут растягиваться на всю ширину в мобильной версии. К примеру, на полноэкранной версии кнопка имеет такой вид: 



А на мобильной кнопка вытянется на весь экран: 



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



Это всё, что нужно знать об адаптации сайтов на Weblium!
Была ли эта статья полезна?
отменить
Спасибо!