Off-canvas button for desktop

Hello,
I am trying to add the off-canvas filter for desktop. Did everyting I read here but it isn’t working.
https://xtemos.com/forums/topic/off-canvas-sidebar-for-desktop-as-same-as-mobile/

Login details in private content.

Thanks

To clear what I want:

I want to display the sticky filter ONLY on desktop, with text: “filter”

For mobile I want to use the bottom mobile bar to display filter.

Hello,

Sorry, but there is no option in theme settings to display the sticky off-canvas sidebar button for desktop.

You can try adding the following Custom CSS in the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

body.offcanvas-sidebar-desktop .woodmart-sticky-sidebar-opener {
	display: block;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	transform: none;
	pointer-events: unset;
	z-index:400;
}

Then the sticky off-canvas sidebar will be displayed for the desktop.

And sorry but you cannot display the sticky off-canvas sidebar button when the off-canvas button is added in the mobile bottom navbar means you cannot only display the sticky off-canvas sidebar button for desktop only.

Regard’s.
Xtemos Studios.

Hi Aizaz,

as I said before, I tryed to add this code with the JS snippet, but not working.

Ok, no problem, I will switch for standard sidebar on desktop.

Thanks.

Hello,

Thank you for understanding.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts