Sticky sidebar not working on mobile

Hello, im unable to get the sticky sidebar to work. ive tried troubleshooting by disabling all plugins except essentials. please assist. i’ve mentioned my login credentials if you want to check.

Secondly,i want to achieve the same as this link after the first issue is resolved. https://xtemos.com/forums/topic/show-sticky-off-canvas-sidebar-button-on-desktop/

Thank you.

I just realised that the filter is at the bottom. I like that but still want to know if it’s possible to get the floating one. And how can I get the same in desktop please. Thank you.

Hello,

Our theme provides the option to show the sidebar in a sliding way. Please check the Theme Settings > Shop > Sidebar and titles and try options “Off canvas sidebar”

Best Regards

Hi Elise, that setting doesnt do anything at all. Also I need to enable sticky sidebar for desktop. please help with both.

thank you.

Hello,

Unfortunately, our theme does not have sticky sidebar option. There is only Off canvas sidebar.

Best Regards

Hi Elise, I’m referring to the sticky off canvas sidebar access button. On the desktop.

Hello,

Please clarify the issue: https://gyazo.com/179a31f55c4174b5aff5df6d3c8e57d8 As you see the Off canvas sidebar works well on the Desktop.

On mobile it worse as well: https://gyazo.com/82f8275554d1d2c4dccbf89b59a42e19

Best Regards

Hi, The off canvas sidebar is working fine. but when we scroll down there is no sticky button to open the sidebar, only option is to go back up.

Hello,

When you enable “Sticky off canvas sidebar button” you will get the sticky filter icon on mobile. Such an option is not available for desktop.

Best Regards

Hello,

As i shared ealrier the stick button on mobile does not show.

secondly, please refer to the link below. in the link you have shared a method to enable the sticky offcanvas side bar button but the same does not work when im trying onmy website.

https://xtemos.com/forums/topic/show-sticky-off-canvas-sidebar-button-on-desktop/

Hello,

You have activated the Mobile Navbar button and this icon is in the navbar when I disable the mobile navbar, the filter icon appears https://gyazo.com/0289e3606318796e82f1b41439c68c4b

Best Regards

Hi,

Thank you for updating me on the same. It does work good. I just wanted to show the sticky filter (see attached screenshot) on desktop too. Currently it shows on mobile devices only.

Attachments:

You must be logged in to view attached files.

Hello,

Yes, that is right. It is shown on mobile only. We shall consider adding the feature to the desktop, however we do not promise to implement that in the nearest updates.

Best Regards

I understand it is a mobile only feature. Could you share a custom css that will enable it for the timebeing?

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

shop-sidebar-opener:not(.sticky-toolbar) {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    pointer-events: unset;
}

This code would work provided:

1. enable “Off canvas” for desktop

2. Remove “off-canvas” from mobile navbar bottom menu

Best Regards

[Author]

Posts