Sticky sidebar not working on mobile

This topic has 14 replies, 2 voices, and was last updated 4 years, 6 months ago by Elise Noromit.

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
April 18, 2020 at 5:01 pm #188143

abbi0991
Participant

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.

April 18, 2020 at 5:10 pm #188145

abbi0991
Participant

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.

April 18, 2020 at 7:04 pm #188161

Elise Noromit
Member

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

April 19, 2020 at 2:43 am #188183

abbi0991
Participant

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

thank you.

April 19, 2020 at 1:30 pm #188249

Elise Noromit
Member

Hello,

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

Best Regards

April 19, 2020 at 4:50 pm #188289

abbi0991
Participant

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

April 20, 2020 at 8:05 am #188455

Elise Noromit
Member

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

April 20, 2020 at 10:38 am #188505

abbi0991
Participant

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.

April 20, 2020 at 11:44 am #188541

Elise Noromit
Member

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

April 25, 2020 at 5:26 pm #189945

abbi0991
Participant

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/

April 26, 2020 at 9:22 am #190017

Elise Noromit
Member

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

April 28, 2020 at 6:24 pm #190670

abbi0991
Participant

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.

April 28, 2020 at 10:03 pm #190716

Elise Noromit
Member

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

May 5, 2020 at 6:03 pm #192563

abbi0991
Participant

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

May 6, 2020 at 9:00 am #192684
Elise Noromit
Member
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