[CSS/Jquery HELP] Menu dropdown not rolling up on mobile view!

programming web dev
1

Hi,

The one-page website menu stopped rolling up on selection in mobile view?
Once we select the menu option, the open drop-down menu should close and the user should be taken to that section. Not able to figure out the issue. Need css/jquery help!

Refer url: http://7drives.in/dsq/

2

I totally see it! Can you post just the code you are using for showing and hiding the menu? The following element is what is responsible for the menu expanding:

<nav class="top-bar" data-topbar="" style="position: fixed; top: 0px;"> 
  .
  .
  .
</nav>

When the menu is brought up, an expanded class value is added. That value never gets removed once you click on an element. You need to remove the expanded class value when any item in the menu is clicked. That should solve the problem :slight_smile:

3

Thanks for your reply. Really Appretiate it.
Could you please tell me How do we remove the expanded menu?