Selecting a sub menu item does not auto collapse the drop down

Hi when i select an item in the sub menu to take me down the page, it is taking me down to that page but it is not auto collapsing the sub menu drop down so it blocks a lot of visibility. Do you know how i can auto collapse the menu?

my website is daddysnack.com

and the menu item in question is “work and projects” from the home page

Many thanks

Hello Tariq,

Thanks for writing in! Selecting a menu item does not collapse the submenu. This is the default behavior of the menu. You will need to click on the arrow down icon to be able to see submenu.

There is no setting in the theme that you can change how the submenu and parent menu item collapses.

Best Regards.

1 Like

Hi @ruenel thanks for getting back to me, apologies I wasn’t clear in my message. I meant when you are on my homepage and click a menu item which takes the user to a section on the page rather than open a new page, because the header in sticky, when you select a menu item such as “work and projects” the menu doesn’t collapse so you can see that section of the website? Please select work and projects and you will see the menu remains open and blocks most of the screen. Many thanks!

Hi Tariq,

Thank you for the clarification.
I can see you have adjusted the menu to show the mobile menu on all screen size. Unfortunately, by default that is not available on mobile menu and there is no available option. It might be possible with custom jquery but that is outside the scope of our support. As starting guide, look at the following on how to inspect elements:

Once you know the submenu link selectors you may invoke a click event to collapse the menu. Use above guide on to check the correct selector that is needed to close the menu:

Hope this helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.