Mobile version nav menu not closing

Design help Layout & Design
1

Hi all~
I’m still having an issue with the nav menu stuck in open position on mobile version. I purchased this template called ‘STORY’ through webflow site and I didn’t make any changes to the original nav bar that I’m aware of to make the mobile view stay stuck open. I’m hesitant to re-create the nav in case it would disrupt the styling/triggers of the dropdown submenu on scroll or possibly break other code.
Thanks so much! Cathy

Here is my site Read-Only: https://preview.webflow.com/preview/ultimate-plan-a-site?preview=d0fe8f0a8526c4abfbabf3f5991cb88e

(how to share your site Read-Only link)

1 Like
2

Howdy catwomen10,
Found a workaround to your problem. Honest moment…not quite solved, but definitely an effective mitigation. Enjoy!

Peace ॐ,
RossC

Check out these links for the solution:

Forum post: How to Move/Hide Nav bar and Close Nav Menu Using Built-In Interactions

– Read-Only Link to RossCYoga.webflow.io

(how to access public share link)

3

I have the same problem here https://espressoamico.webflow.io. When I use this code, it affects my desktop view. I truly believe this configuration should be by default, or be applied by checking the cheking box.

    <script>
$('.w-nav-menu').on('click', 'a', function() {
  $('.w-nav-button').triggerHandler('tap');
});
</script>

it’s possible to add some if to this code, so it only affects the mobiles versions of the site?
Catwomen10 - let me know how you solved it, please.