Off canvas sidebar for desktop

Hi

I set up Off canvas sidebar for desktop

Theme setting > Shop > Sidebar & Page title > Off canvas sidebar for desktop

and applying the right settings on products archive layout

it works fine but i have a few questions :

1) How can i have the sidebar staying open, and not disappearing each time i select a filter, so that users can apply XX filters

2) How can i change the grey background applying to the rest of the page when the off canvas sidebar is open ?

3) There is a problem with the Off canvas sidebar for desktop, i cannot scroll all filters, so i only see part of them, how can i allow sidebar scroll ? (see image attached)

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

01. WooCommerce filters work in such a way that after each filter link click the page is fully reloaded. So there is no option to select 1, 2, or 3 filters and then apply them.

02. Can you please share the page URL so I can check and give you a possible solution?

03. Navigate to Theme Settings > Product archive > Widgets and enable Scroll for filters widgets option https://prnt.sc/UbK6bzLddVMK. This option will work only for layered navigation widgets.

Best Regards,

Hi

I still have the problem

i cannot scroll on the filter sidebar

see private link

thank you

Hello,

I am unable to visit your site due to maintenance mode. Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hi

Basically, see my first image of my first post

i cannot scroll on the sidebar to see the hidden part

it’s not “Scroll for filters widgets”, i am talking of the whole sidebar, i cannot scroll more than what shows at first sight

when i try to scroll, the rest of the site scrolls, not the sidebar

how can i do thanks

Hello,

Since you’re referring to the entire off-canvas sidebar (not just the filters), you’ll need to enable scroll for the full sidebar content.

body.woocommerce.archive .wd-sidebar .widget-area {
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 10px; /* optional for scrollbar spacing */
}

You can add this CSS under Theme Settings > Custom CSS > Global Custom CSS.

This will apply a vertical scroll specifically to the sidebar content, allowing users to scroll through all widgets without scrolling the entire page.

Best Regards,

[Author]

Posts