Display WooCommerce Widget Before Page Content on Mobiles

cheesedesigns

Hello

How do I get the woocomerce widget to display before page content whilst viewing on a mobile, as this has filters in and ideally want them picking for they scroll down to the content?

Many Thanks Chris

Website: www.lappella.com

Phil

Hello,

To move your sidebar above the mobile-only content, you must use the Custom JS code.

Please, follow all of the steps written on this topic on our support center: https://support.muffingroup.com/how-to/how-to-display-sidebar-above-the-content-on-mobile/.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cheesedesigns

Hello

I tried that but for some reason, it's coming up blank on the page. Not sure why.

Many Thanks Chris

p.s. I've had to turn it off or it wont work.

Phil

Did you remove this JS from your website? If yes, please, put it back, and I will check what might be the reason.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cheesedesigns

Hi Phil,

I have put this back in now so you can take a look.

Thanks Chris

Phil

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS:

@media only screen and (max-width:767px){
   .mcb-sidebar{
   z-index: 1!important;
 }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cheesedesigns

Thank you greatly appreciated 👍️