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

По умолчанию в Элементоре в свойствах Секции есть настройки адаптивности.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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