Да здравствует кастомизация!
Представляем обновление, которое расширяет возможности настройки внешнего вида элементов сайта.
Сразу оговоримся: пока работа с этим функционалом требует базовых знаний html и css. Но в будущем мы значительно упростим эти настройки — дело времени.
А сейчас немного теории, чтобы вам всё было понятно.
Аудит вашего сайта или консультация по редактору
Аудит вашего сайта или консультация по редактору
0₽
0₽
подключенного тарифа для конструктор сайтов
подключенного тарифа для конструктор сайтов
+4
+4
месяца
месяца
промокод на продвижение в сетях Яндекс
промокод на продвижение в сетях Яндекс
+12.000₽
+12.000₽
тарифа чат-ботов, автоворонок и мобильных приложений
тарифа чат-ботов, автоворонок и мобильных приложений
+3
+3
Бесплатный домен в зоне .ru/.рф
0₽
0₽
Бесплатный шаблон сайта под вашу сферу бизнеса
Бесплатный шаблон сайта под вашу сферу бизнеса
0₽
0₽
месяца
месяца
/год
/год
Получите подарки от mottor при подключении тарифа
Получите подарки от mottor при подключении тарифа
CSS это настройки внешнего вида контента на сайте: картинок, кнопок, форм, фигур. Чего угодно.
Какие могут быть настройки:
— настроить любые css-стили одного блока или всей секции
— отдельно настроить стили блока в мобильной версии
— настроить стили элементов, вложенных в секцию или блок
— копировать блоки или секции с настройками CSS.
При копировании все настройки сохраняются.
Покажем на примерах как это работает.
Предположим, мы хотим, чтобы в мобильной версии отображалось адаптивное меню, спрятанное в гамбургер. А текущее меню не отображалось. Сейчас наш сайт выглядит так:
Что делаем: скроем блок с меню и контактами в мобильной версии. Для этого воспользуемся новым функционалом и пропишем настройки стилей в разделе @mobile:
Мы прописали вот такие настройки:
Теперь наш сайт выглядит так:
Как видим, из мобильной версии пропало меню.
Теперь добавим секцию с мобильным меню,
в настройках скроем отображение в десктопе:
В итоге получаем сайт, где на десктопе отображается стандартное меню, а в мобильной версии — меню-бургер: