[rovisonn]

Hi,

I have recently installed Septera. It’s a very nice theme 🙂

I do have one issue with the menu and navigation to the #lp-section labels though.

By default, the top menu covers the entire page for mobile devices and tablets. When I open the top menu on my tablet or mobile device and click on one of the menu links that refer to the landing page sections (i.e. lp-boxes-2), the menu does not automatically close. Because the menu covers the entire screen, my visitors are unable to notice that their click on the menu link made the page scroll down and actually brought them to the right section of the landing page. Hence, they will keep clicking on the menu, waiting for the page to change/refresh even though this is not going to happen…

My first idea to solve this was resizing the menu to a smaller size, so that one can still see parts of the webpage while using the menu. I had hoped that they would see the page scroll down to the right section and that this can trigger them to close the menu. However, what happened now is that I can’t scroll the page up or down anymore. I think that this way of navigating causes the menu to be opened and stuck on the top of the page and prevents visitors from scrolling the page itself.

Do you have any idea how to solve this? What I am looking for is a functionality that closes the top menu automatically as soon as a visitor presses a link that goes to one of the landing page sections.

Regards,

Thomas

Website: www.beveiligeropleiding.nl

[Zed]

You could install a plugin to use this JavaScript:

jQuery(document).ready( function() {
     jQuery('body').on('click','#mobile-nav a', function() {
          jQuery('#nav-cancel i').trigger('click');
     });
});

to automatically close the mobile menu when a menu item is clicked.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[rovisonn]

I tried it and it worked like a charm!

Thanks 🙂

[Author]

Posts