Close burger menu on clicking nav item / section?

HennaRai · September 2020

Hi! Got good advice from you last time so here's one detail I've noticed and would like to solve.

I have made a couple of websites with BeTheme. The problem is on mobile widths: The burger menu navigation doesn't close when a menu item is clicked. I noticed you have a similar "problem" or quality on your templates, eg, on https://themes.muffingroup.com/be/band/ – the opened menu doesn't close when clicking on a section name (for example "About us")

I would prefer the menu closing on-click/on-tap because on mobile this forces the user to do one extra tap when navigating.

br,

Henna

Pablo · September 2020

Hello,

This is not an issue, it's made to behave that way.

A lot of customers prefer to make it look like that, if you would like to get rid of it, you have to create some jQuery script with .scrollUp() function when menu item is clicked.

thanks

HennaRai · September 2020

that's a shame: on one-pager sites with open menu streching full width it seems like a mistake. And I'm only familiar with css, not JQuery so don't know how to fix it myself

-h

Pablo · September 2020

Well, we do not provide help with Custom JS codes, but surely, you should take a look at this documentation:

https://api.jquery.com/click/

https://api.jquery.com/slideup/

If it is not helpful for you, we suggest to contact some webdeveloper.

Thanks

HennaRai · September 2020

Thanks, will look in to those links! On some of your templates the closing of the nav menu on-selection seems to be built-in, for example https://themes.muffingroup.com/be/video/staff/ seems to work that way even when the page is made a one-pager with links pointing to front page sections (the original template having links pointing at pages)

Pablo · September 2020

On non-one page website it will work fine, because of the preloading between them

thanks

Close burger menu on clicking nav item / section?

Comments