[Resolved] Off Canvas panel creating GP Nav layout issue

[Douglas]

Hi there,

I’m using Version 1.8.0-beta.1. I have the mobile menu turned on, breakpoint set to 767px. At 768 I still want the desktop GP nav to show. Everything works fine when off canvas panel is OFF. When I turn the off canvas panel to ON (or mobile only), the nav goes wonky at exactly 768px. At 767 and 769px it looks as expected.

Is this expected behavior, should I add some CSS to override it?

Sorry my site is in coming soon mode but I can give you a bypass URL if necessary. In the meantime here is a screenshot showing the issue (Link valid 7 days). https://postimg.cc/8FM0vW1k

thanks!

Douglas

[Douglas]

Update: I found a workaound by changing a breakpoint in elementor, now it is fine for me. The issue still exists, but no longer affects my site.

[Tom]

Hi there,

It looks like you’ve made some customizations to the mobile header (menu toggle centered, search box). Does the issue still happen with those customizations turned off?

One issue when making the mobile header appear at a lower width (767) is the regular mobile menu will still initiate at 768. That’s something that will be addressed in GP 2.3.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Douglas]

Hi Tom,

Yes I removed all custom mobile menu CSS and still witnessed the issue. I made the GP mobile menu breakpoint 768 and changed the elementor breakpoint to 769 now it behaves as desired.

Liking the beta, great work! Thanks

Douglas

[Tom]

Thanks!

I wonder if the issue was coming from the standard GP menu initiating at 768. I’ll do some digging 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts