перейти к содержанию

Адаптивный дизайн с помощью инструмента Styler

Kata Добавляет 3 области просмотра в Elementor, и в результате вы получаете доступ к 6 размерам для разных стилей. Ваш веб-сайт также будет поддерживать больше устройств вывода и будет функционировать по-разному на экранах разных размеров. Эти размеры:

  • Рабочий стол (1920 пикселей)
  • Ноутбук (1366 пикселей)
  • Планшетный альбомный режим (1024 пикселей)
  • Планшет (768 пикселей)
  • Мобильная версия (480 пикселей)
  • Маленький мобильный (320 пикселей)

Чтобы начать использовать адаптивный дизайн, вам сначала нужно установить размер контейнера веб-сайта с Вариант темы (Ссылка на Настроить > Container)

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

Предположим, я работаю в редакторе Elementor и мне нужно изменить размер шрифта заголовка на разных устройствах. На компьютере я установил размер 42 пикселя, но хочу, чтобы на планшетах он был значительно меньше. В меню «Устройства» я выбираю «Планшет».

Я установил шрифт на 28 пикселей для планшета, и, как вы можете видеть на изображении ниже, размер заголовка уменьшился, но только в режиме планшета.

 

Поделиться этой статьей:

Kata Служба поддержки тем WordPress

Нужна помощь? Мы можем Помогите!

Наша отзывчивая служба поддержки клиентов гордится высоким уровнем удовлетворенности клиентов. Если у вас возникнут какие-либо проблемы с плагином, не стесняйтесь обращаться к нам. мы всегда готовы помочь.