While the option exists to reverse the column order for mobile, there is not a setting to do the same for tablet.
So while we wait for that to arrive, you can use the following CSS:
/* reverse column order for tablet */
@media (max-width:768px) {
.elementor .elementor-row {
flex-wrap:wrap-reverse;
}
}
This tutorial shows you how to add text next to the “hamburger” menu and how to style it. Adjust the CSS values to suit. .elementor-menu-toggle:before…
UPDATE: 29 JULY 2017 At the request of one of the commenters, I have added the code to use four different headers, one for each…
UPDATE: Wednesday 12 July 2017 When Elementor updated to 1.5, the code presented on this page would cause a “jumping” effect when scrolling. However, user…
This is a topic that has stymied not only me, but many other new and experienced Elementor users. Hopefully this quick tutorial will demystify the…
In response to inquiries on the Elementor Facebook Group regarding the subject, I have put together a short video to demonstrate how the screenshots posted to…
Apologies for the length of this video, but there was a lot of ground to cover. Using the amazing recently released and updated AnyWhere Elementor…
This got me started in the right direction, but what worked for me was:
@media (max-width: 1024px) {
.elementor-reverse-mobile>.elementor-container>.elementor-row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
Hi Adal,
Good to hear it got you started and thanks for the code 🙂
Cheers!
Lyle
That was awesome! Both of you! Saved me a major headache.
Thank you Arthur 🙂
Good to hear that it helped.
Cheers!
Lyle