»  Elementor  »  Как изменить порядок колонок в Elementor

Как изменить порядок колонок в Elementor

По умолчанию в Элементоре в свойствах Секции есть настройки адаптивности. С помощью этой настройки вы можете изменить порядок Колонок на противоположный.

Эта настройка находится в разделе СекцияРасширенныеАдаптивностьРеверс колонок. Вы можете изменить порядок колонок на противоположный отдельно на планшетах и / или на смартфонах.

Например, если у вас в секции 2 колонки, вы можете поменять их местами. Тогда они будут идти в порядке 2 — 1.

Если у вас в секции 3 колонки, то при включении этой настройки колонки будут идти в порядке 3 — 2 — 1.

Elementor - Изменить порядок колонок
Включить реверс колонок

Но если вы хотите, чтобы в мобильной версии колонки шли в последовательности 1 — 3 — 2, или в любой другой, но не прямой и не обратной, то этот способ не поможет.

Чтобы установить любую последовательность колонок, вам нужно добавить снипет в файл functions.php дочерней темы, или в родительскую тему с помощью специального плагина.

Не добавляйте снипет напрямую в functions.php родительской темы, потому что при следующем обновлении темы этот файл будет заменен на оригинальный.

Добавьте этот снипет:

После того, как вы добавили снипет, переходите в Элементор к секции, в которой вы хотите установить собственный порядок колонок.

Откройте первую колонку и дайте ей нужный номер в КолонкаМакетResponsive Column Order:

Elementor - Изменить порядок колонки
Изменить порядок колонки

С этой настройкой вы можете настроить порядок следования колонок отдельно для Десктопа, Планшета и Смартфона.

Название этой настройки вы можете изменить в снипете в строке 5.

Читайте также:

  1. Липкое меню WordPress с помощью Elementor
  2. Как закрыть любую секцию в Elementor по клику
  3. Как добавить текст на картинке при наведении мышкой

Надеюсь, статья была полезна. Оставляйте комментарии.

Оставить ответ

Techbear