Адаптивная версия сайта на WordPress. Не редактируется альбомная мобильная и альбомная планшетная версия
Добрый день! Подскажите, плиз, какие настройки я пропустила.
Собрала в Elementor декстопную, мобильную книжную и планшетную книжную версию.
Делаю через обычный редактор Elementor, без доп.плагинов.
Версия WP 6.5.3, тема Astra
В брейкпоинтах также добавила альбомную мобильную и альбомную планшетную версию. Начинаю их редактировать - и ничего не происходит, верстка не меняется. Может надо какие-то параметры задать?
И второй момент. Планшетная адаптивность не работает ((
Пример: Для мобильной версии на одной из страниц создана вторая кнопка, в адаптивности указано, чтобs она скрывалась в декстопной. Тут все гуд, работает как надо. В мобильной показывается, в декстопной нет. А вот в планшетной отображаются обе кнопки (( Как это исправить?
Буду очень признательна, если подскажите как решить проблему без кодов, так как с ними не дружу (((
Привет, Олеся! Понимаю твою проблему с адаптивностью сайта в Elementor. Давай разберёмся, что можно сделать для её решения, не углубляясь в код.
Проверка настроек адаптивности в Elementor:
В редакторе Elementor открой страницу, которую нужно настроить.
Переключись на вид адаптивного режима, используя иконки устройства внизу панели.
Убедись, что выбран нужный режим (мобильный или планшетный, альбомный или книжный).
Использование скрытия элементов:
Для каждого элемента, который должен отображаться только на определённых устройствах, выбери его и нажми на иконку "Дополнительно" (Advanced).
Перейди в раздел "Адаптивность" (Responsive).
Используй опции "Скрыть на..." (Hide on...) для выбора, на каких устройствах элемент должен быть скрыт.
Убедись, что правильно настроил скрытие для каждого элемента.
Настройка отдельных элементов для разных устройств:
Иногда проще создать отдельные версии элементов для каждого устройства (мобильный, планшетный, десктопный).
Дублируй элемент, настрой его для одного устройства и используй функцию скрытия для других устройств.
Проверка темы и конфликтов плагинов:
Убедись, что используемая тема (Astra) и все плагины обновлены до последних версий.
Иногда может возникнуть конфликт между темой и плагинами, что влияет на адаптивность. Отключи все плагины, кроме Elementor, и проверь, решится ли проблема. Затем включай плагины один за другим, чтобы выявить конфликт.
Использование встроенных опций Astra:
Тема Astra имеет свои собственные настройки адаптивности. Проверь их в разделе "Настройки темы" -> "Настройки адаптивности" и настрой параметры там.
Пример:
Если для мобильной версии нужно скрыть вторую кнопку:
Выбери кнопку в редакторе Elementor.
Перейди в "Дополнительно" -> "Адаптивность".
Включи опцию "Скрыть на мобильных".
Эти шаги помогут настроить адаптивность твоего сайта без необходимости писать код. Надеюсь, это поможет решить твою проблему! Удачи!