Mobile off-canvas filtering not working
Hello,
We are building a website with beThemes and for the mobile version we would like to use the off-canvas filtering options. We have set the mobile sidebar to "off-canvas" in theme options, but when clicking the "filter" button nothing happens. Please help.
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
Hello,
You can see the page here: https://prmaskin.blgn2.space/
You used the Elementor template for the shop, which is why it does not work.
You would have to use our templates instead or disable the off-canvas sidebar.
Best regards
Hello again,
I have changed to the BeThemes template/builder but the off-canvas is still not working.
I would like the filters to show like they do now on desktop, but off canvas on mobile. How can i achieve this?
This is the settings for the page/template, which says off-canvas and the correct sidebar. Note that i have hidden the filter-button on desktop as we have the regular sidebar there.
Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
Done :)
The off-canvas sidebar loads in the Footer area. When you have a Footer made with Elementor, it does not load at all, which is why it does not display correctly on mobile.
Anyway, I have made some adjustments and workarounds to make it work.
Please check it out.
Best regards
Perfect, that seemed to work :)
What was the workaround in case we have to do this on other pages as well?
In the Template Options, I have set the sidebar position to left:
Hid it with a custom CSS code and extended the content to 100%:
Set the Mobile sidebar to Off-canvas in Betheme -> Theme options -> Responsive -> General:
Best regards
Great, thank you :)