Текст div уменьшается, а слайдер поднимается

Question

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

Я пробовал маржу, отрицательную маржу, позицию в CSS, но дело в том, что появляется другой раздел, который не нужен.

Вот ссылка на мой сайт: http://fastfreelancebd.com/nicole/

Я добавил картинку. Также ссылка. Какой результат я хочу, я описал в обобщении. Вот скриншот моего сайта в мобильных устройствах

Answer 1

Если вы используете загрузчик 4, вы можете просто добавить .flex-wrap-reverse к родительскому контейнеру.

Answer 2

Используйте ниже CSS, чтобы сделать обратный div на мобильном телефоне:

@media (max-width: 1024px)
.elementor-row {
   flex-direction: column-reverse;
}