- This topic has 9 replies, 3 voices, and was last updated 8 months, 3 weeks ago by
David.
-
AuthorPosts
-
June 11, 2020 at 9:18 am #1323911
Ash
Added off canvas product filter like niche theme. But when active on mobile, the main navigation also opens the filter?
June 11, 2020 at 12:33 pm #1324144Leo
StaffCustomer SupportHi there,
So you don’t want the filter to show on mobile?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 11, 2020 at 1:02 pm #1324186Ash
Yes. But view my site in mobile view and then click main menu you will see what I mean.
June 11, 2020 at 3:59 pm #1324315Leo
StaffCustomer SupportTo hide the filter on mobile, try adding the
hide-on-mobile
class as a custom CSS class for that widget:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classesLet me know if this helps 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 11, 2020 at 4:04 pm #1324319Ash
I know how to hide something that’s not what this post is about.
As I stated main menu is opening filter for some strange reason, view the website in mobile view and click main menu and you will see what I mean.
June 11, 2020 at 4:24 pm #1324342Leo
StaffCustomer SupportDo you have a menu assigned to the off canvas panel?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-locationOr am I still missing something?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 12, 2020 at 1:16 am #1324659Ash
Off canvas panel is used as a product filter only, no menu is assigned to it.
I have my menus setup, but once I added the off canvas filter, on mobile devices my main menu now opens that filter for some reason
June 12, 2020 at 5:06 am #1324877David
StaffCustomer SupportHi there,
the way Niche works is by having the Primary Navigation also located in the Off Canvas Panel with the Woo Widgets.
We then use this CSS to hide the nav in the off canvas for desktop:
@media (min-width: 768px) { .slideout-navigation .main-nav { display: none; } }
and the HTML used to create the filter toggle has the
hide-on-mobile
class.This is the only way you can make off canvas filter widgets work for all devices at this time.
If you want separate menus and separate off canvas filters you will need to add an Off Canvas Plugin
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 12, 2020 at 5:16 am #1324887Ash
That’s a shame, maybe something to look into in the future. It makes sense for an off canvas filter on a mobile device more than desktop, I would just use a sidebar if I only wanted it on desktop. I’ll have to do without have enough plugins already. Thanks
June 12, 2020 at 7:29 am #1325011David
StaffCustomer SupportYeah – its my fault for making Niche. Off Canvas was never really designed for what we did…. but its on our roadmap to look at other features with it.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.