Auto close submenu on mobile device after selection

How to get my “sticky mobile menu containing anchor links” to auto close “hide” after someone clicks or taps on a submenu link.
Anchor Links are for the “menu” page, if you are on this page and you select from the menu, the menu never collapses and you have to deselect the menu to get to content. This does not make a good user experience.

Menu Links to anchors are as follows: https://i90.92c.myftpupload.com/menu#entrees

My Staging Site: https://i90.92c.myftpupload.com

Current Custom CSS:
.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .x-nav>li:first-child>a {
border: none;
}

@media screen and (max-width: 979px) {
.x-navbar-fixed-top{
position: fixed;
}
}

Hello @bradpimpinella,

Thanks for writing in! You may need to check out these old threads:

The code on the threads above serves as an example code. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

Best Regards.

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