[Resolved] How to make collapsible sidebar on mobile?

[Viktor]

Hi,

How can we have a collapsible sidebar on mobile? Say, the whole sidebar becomes an accordion above the content (WooCommerce products) or it lives in a hamburger menu like the off-canvas panel.

Many thanks!

[Leo]

Hi there,

Unfortunately that’s not possible without a custom solution.

The closest solution I can think of is to find an accordion plugin you like, then use that accordion to replace the entire sidebar on mobile.

Let me know if you want to explore this route.

[Viktor]

Hi Leo,

I managed to get the effect I wanted with these two plugins:

• https://wordpress.org/plugins/responsive-sidebar/
• https://wordpress.org/plugins/off-canvas-sidebars/

where the first one seems nicer.

It might be something GeneratePress might want to incorporate given that Astra has such a feature in their Pro version – https://wpastra.com/docs/off-canvas-sidebar-for-woocommerce-shop-page/

[Leo]

Thanks for sharing your solution!

[roadlink]

That is really needed feature for woocommerce.

[Author]

Posts