WooCommerce Plugin at the top of the SHOP page on Mobile

dicemaniax

Does anyone know how to move the WooComerce Plugin to the top of the page on mobile?

The WooCommerce plugin show on the left sidebar on desktop, but when I view it on Mobile, it goes to the very bottom.

I would like the Woocommerce plugin to be at the top of the page when on mobile.

Does anyone know how to do that?

Phil

Hello,

To move your sidebar above the content on mobile-only, you have to 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

dicemaniax

Hello!

I did that but now the woocommerce plug in doesnt work. I have a search bar and some filters, and I can't click any of them.

I cant enter text on the search bar.

dicemaniax

https://dicemaniax.com/shop/

Phil

Did you remove this JS from your website?

If yes, please add it again so I can check it out.

Thanks

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

dicemaniax

Sorry, it is now added again to the website.

Let me know what you think or if you have a way for me to troubleshoot it.

Thank you!

Phil

Try the following CSS code:

.mcb-sidebar{
 z-index: 1!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

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

dicemaniax

That worked! Thank you so much