Swap the WooCommerce Checkout Elementor Columns - Free CSS Code - Elementor Pro Wordpress Tutorial

Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: https://websquadron.co.uk/how-to-star...

Book your 1-2-1 Consultation: https://websquadron.co.uk/socials

Thanks to Onorlid Medina who gave me the CSS Code to Swap the WooCommerce Checkout Elementor Columns - Free CSS Code - Elementor Pro Wordpress Tutorial

This is for the One Page WooCommerce Solution :)    • WooCommerce Product & Cart & Checkout...  

CSS Code (just add to the Advanced Tab for the Checkout Widget):
.e-checkout__column-start {
order: 2;
}

}
@media (max-width: 1024px){
.e-checkout__column-start {
order: 0;
}
}
.elementor-widget-woocommerce-checkout-page .e-checkout__container {
grid-template-columns: auto 56%;
}

@media (max-width: 1024px){
.elementor-widget-woocommerce-checkout-page .e-checkout__container {
grid-template-columns: repeat(1,1fr);
}
}


We love to create - share - respond - and deliver.

🧐 Learn with our Mastery Modules: https://websquadron.co.uk/web-design-...
🔗 All of our Important Links: https://websquadron.co.uk/socials/
😃 Join our Facebook Group:   / 3309523509284305  
😃 Get Code Snippets Pro: https://r.freemius.com/10565/3304295/
😃 Get Elementor Pro: https://be.elementor.com/visit/?bta=2...
😃 Boost your YouTube Analysis: https://www.tubebuddy.com/websquadron
👕 Get our Merchandise: https://websquadron.co.uk/merchandise
🥹 Support us: https://paypal.me/Websquadron

Hire us to work on your Website!

💌 [email protected]
👩‍💻 Visit https://websquadron.co.uk