Kata Добавляет 3 области просмотра в Elementor, и в результате вы получаете доступ к 6 размерам для разных стилей. Ваш веб-сайт также будет поддерживать больше устройств вывода и будет функционировать по-разному на экранах разных размеров. Эти размеры:
- Рабочий стол (1920 пикселей)
- Ноутбук (1366 пикселей)
- Планшетный альбомный режим (1024 пикселей)
- Планшет (768 пикселей)
- Мобильная версия (480 пикселей)
- Маленький мобильный (320 пикселей)
Для начала использования адаптивного дизайна вам сначала нужно установить размер контейнера веб-сайта в настройках темы ( ссылка на «Настройка» > «Контейнер »).
В меню «Устройства» доступны различные размеры стилизаторов для всех типов устройств с адаптивным дизайном. Вы можете настроить внешний вид каждого устройства отдельно, выбрав его из меню, поскольку стилизатор по умолчанию применяет изменения в версии для настольных компьютеров. Поэтому обязательно выберите и другие свои устройства.
Предположим, я работаю в редакторе Elementor и мне нужно изменить размер шрифта заголовка на разных устройствах. На компьютере я установил размер 42 пикселя, но хочу, чтобы на планшетах он был значительно меньше. В меню «Устройства» я выбираю «Планшет».
Я установил шрифт на 28 пикселей для планшета, и, как вы можете видеть на изображении ниже, размер заголовка уменьшился, но только в режиме планшета.
