-
Posts
-
I am working on a one page site.
I need to place in-page anchors to jump to sections.
The menu is not closing/collapsing all the time.DESCRIPTION:
The mobile/burger menu works great with a #top anchor:
• You click on the burger menu & it expands
• You click on a link for the #top anchor & it goes to the page top and the menu closes.BUT, for anchors inside the page:
• You click on the burger menu & it expands
• You click on a link for the #news anchor & it goes to the area in the page BUT the menu stays open over the page.How do I get the mobile/burger menu to close after clicking on all link types?
Also, the links on the mobile/burger menu are not located under the header. They appear to be set to the middle of the page height and they scroll. The problem is when the cell phone is in landscape orientation, the links are not even on the screen. It just looks like a blank flyout area.
What do I need to add to have the links at the top of the flyout area?
Thank you.Hi conlcoa,
Can you give us a link to your site? so we can check further.
You can post the link in private content so it’s only visible to the moderators.Best regards,
NikkoHi conlcoa,
I just checked your site using my mobile phone (android) and I don’t see any issues.
I also checked the web console and I don’t see any js errors.
The only time it doesn’t close is if you click on Event Registration which is targeted to # and you click on other link afterwards.
If removing this menu item isn’t an option, would it be okay if we just make that menu item unclickable for now until the Event Registration page is available?Best regards,
Nikko
- The topic ‘Mobile/Burger Menu – How to: In-page Anchors Close Like Regular Link’ is closed to new replies.