Все ваши шаблоны, созданные в онлайн-редакторе, адаптируются автоматически под мобильные версии. В данной статье мы рассмотрим несколько вариантов функционала, которые позволяют скорректировать автоматическую адаптацию.
Адаптивность изображения
Стандартно все картинки в шаблоне сохраняют свои пропорции в адаптивной версии макета:
Чтобы картинка отображалась на всю ширину экрана, необходимо поставить галочку "Адаптивность" в блоке с изображением:
Порядок блоков на мобильном
При использовании структуры с несколькими колонками редактор автоматически адаптирует изображения для мобильного друг под другом:
Для сохранения вида колонок в горизонтальном положении необходимо перейти во вкладку "Колонки" и нажать "Не менять порядок" на мобильном:
В таком случае получаем картину:
Скрытие элементов на мобильном
Любой из блоков в онлайн-редакторе можно скрыть для отображения на мобильных устройствах или, наоборот, в декстопной версии. Для этого необходимо перейти во вкладку "Блок" и отключить соответствующую галочку:
ВНИМАНИЕ! На текущий момент скрытие блоков может работать некорректно в почтовых клиентах Яндекс.Почта и некоторых версиях Outlook. Рекомендуем тестировать визуал вашего шаблона перед основной отправкой рассылки.