WooCommerce+EmmetPro Move SHOP Sidebar in Mobile

[Mike Hammock]

I need to move the right side bar on this site https://lineofduty.com/shop so that in mobile devices, the side bar is ABOVE the content.

How do I do that?

Mike H.

[J. Davis]

Hi Mike,

Try to place the code below to style.css file of your Child Theme (or Appearance>Customize Additional CSS):

@media only screen and (max-width: 1040px) {
/* switching the sidebar to the top */
.woocommerce-page .container .main-container{display: table !important;}
.woocommerce-page .col-md-8.col-lg-8 {display:table-footer-group !important; float: none !important;}
.woocommerce-page .col-md-4.col-lg-4 {display:table-header-group !important; float: none !important;}
}

Best regards,
John

[Mike Hammock]

Ill try that!

Mike H

[Mike Hammock]

John,
I forgot to say thank you.
This worked perfectly!

Mike

[Author]

Posts