Woocommerce widget mobile view
My woocommerce widget, such as price filter and categories are displayed under my products in the mobile view. How can I ensure that these filters appear above the products when I view this website on a mobile device? Or are there other options, such as disable on mobile devices or only show the price filter. Please your advice. Thanks.
Comments
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.
Thanks Phil. Is it also possible to disable this widget for mobile devices? There are so many product properties you can filter on. That that list is huge, and doesn't look like it on a phone.
You can use the following CSS code:
@media only screen and (max-width: 767px){ .woocommerce .mcb-sidebar{ display: none!important; } }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
Thanks Phil!