Reorder Elementor Columns for Responsive Mobile View with CSS Code

by | Aug 26, 2021 | 0 comments

Reorder Elementor Columns for Responsive Mobile View with CSS Code

by | Aug 26, 2021 | CSS Tips and Tricks | 0 comments



Hiding and reversing columns form desktop to mobile view is simple with Elementor but how about reordering them for the mobile?

Let’s look at 3 columns; 1 2, and 3, and let’s reorder them to be 2,1 and 3 for the mobile.

Simple with some CSS code.

You need to add this per Column:
Reorder Columns
@media only screen and (max-width:450px){
selector{
Order:1;
}
}

— Get Elementor Pro here —- https://elementor.com/?ref=25741
— Of course, we’re affiliated to them, but it helps to pay for resources to keep creating ace content for you 🙂

— Book an Appointment/Consultation: https://calendly.com/info-28542
— LinkedIn: https://www.linkedin.com/in/imran-siddiq-7320a74a/
— Instagram: https://www.instagram.com/batswebsitedesign/
— Twitter: https://twitter.com/imranwebsites
— Facebook: https://www.facebook.com/websquadrontraining/

PS: https://websquadron.co.uk
PPS: Contact us at [email protected]
PPPS: We only build with Elementor Pro

source