Nav bar styling issue in tablet mode


Nav bar menu links is not aligned properly in tablet mode when I click on hamburger icon.

I want to make it like this.

Can Someone look at my website and help me in fixing this issue?

Thanks in advance!

Here is my site Read-Only: Webflow - Sarthak's Dynamite Site

It looks like most of the styling on your page-wrapper and nav-menu3 need to be removed to get the “open-right” navigation to appear correctly. I just started removing the styling from everything at tablet view and the elements begin to go back to the default setup.

Nav-menu3 specifically is set to 100px tall at the tablet size and should change to auto. The dropdowns and links inside of this div will need to be set to 100% wide to stack correctly.

@Port_of_Folio . I tried to make some changes for tablet mode. I am facing some issues :

  1. Dropdown list items are not aligned properly as shown in screenshot above.

  2. Also dropdown icon is not aligned as expected. It is moving up.

  3. Thirdly, there are 2 dropdowns in the navbar. I want to make it work it like this if i only click on navbar link/ icon (Under dropdown element) it should open or closes. Currently Dropdown is closing when I click on different nav bar links.

  4. Also when I click on different nav links they moves from its position.

It would be great if you can take a look in this

I have also shared the link to website I am rebuilding: