Archived topic
Links Missing from Mobile Nav Menu
4 replies · Started by Potato on October 5, 2018
For some reason, links do not appear on the mobile/iPad nav menu (<=768px wide). Clicking the menu hamburger will still open the the shaded menu with the X to close it, but the links are not generated.
The deepest element generated in the mobile nav menu is div.inside-navigation.grid-container.grid-parent; div.main-nav and all the Ul/Li/A elements that get created don't appear there. As a result, opening the nav menu will throw an "Uncaught TypeError: Cannot read property 'firstChild' of null" in the afterOpen function in offside.js.
I've previously added custom CSS and JS (adding .slider-exit to the links so clicking them closes the menu), but removing all of it doesn't cause the links to reappear.
Deactivating the GP Premium plugin allows the links to reappear, though of course I don't want to do that!
This problem started a few weeks ago though I'm not exactly certain when. I haven't been making too many changes related to that to my site, so I'm curious if there was a change in the source code as I remember updating GP Premium.
Problem exists across mobile phones, 768px wide tablets, and all browsers when using dev tools to simulate.
If there are any other details you'd like I will be happy to specify them!
Hi there,
Can you check if this helps?
https://docs.generatepress.com/article/activating-slide-out-navigation/#empty-slideout-navigation
The error is fixed in the next version already. You can fix it right now like this:
https://generatepress.com/forums/topic/offside-slider-chrome-console-error/#post-679437
Let me know if this helps :)
Woah - that was it. Not sure how that happened.
For reference to anyone in the future, I just went to my menu (Appearance > Menus) and rechecked 'Slideout Menu' for my main menu.
Thanks for the link to the 1.7.3 offside file and the support
No problem :)
I just released 1.7.3-beta.1 with the fix: https://generatepress.com/gp-premium-1-7-3/
