Как исправить отображение записей виджета Elementor Post в мобильной версии сайта

  Автор:
  Комментариев нет
  2023
Как исправить отображение записей виджета Elementor Post в мобильной версии сайта

Когда вы устанавливаете виджет Elementor Post (доступен в Elementor Pro) в классическом виде с изображением расположенным слева, в мобильной версии сайта есть ошибка.

Изображение остается слева, а должно переместиться наверх, а текст вниз.

Итак.

При настройках в Elementor:

Обложка: Классика

Позиция изображений: Лево

Вот так выглядят записи на компьютере (ноутбуке), и в мобильной версии сайта:

Отображение на компьютере
Отображение в мобильной версии

Как исправить?

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

В виджете Записи => во вкладке Расширенные => Пользовательские стили вставить следующий css

@media only screen and (max-width: 767px) {
 .elementor-posts article.elementor-post {
        display: block;
    }

    .elementor-post__thumbnail__link {
        margin-bottom: 20px;
    }

}

Исправленная версия

 


 

Хотите быстро прийти к заработку в интернете?

Освойте сначала бесплатный курс «Elementor для начинающих«, и затем платный курс «Elementor — от новичка до профи» для создания красивых сайтов. Результат гарантирован!

С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
Как исправить отображение записей виджета Elementor Post в мобильной версии сайта

   1 голос
Средняя оценка: 5 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Нужен личный блог? Создайте свой блог сами быстро — легко — профессионально! Жмите на кнопку:
Оставьте свой комментарий:

Ваш адрес email не будет опубликован. Обязательные поля помечены *

один × четыре =