Drop down menu issues

Design help General
1

Hi there,
The hamburger bun menu doesn’t open when I click it on preview on a few of my pages, but does on others. Also when it does open, some pages it is cut off at the navigation menu line.

I’ve set the overflow to auto and set all of my margins and relative positions to auto as well.

Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])

2

The hamburger menu also doesn’t show up on the vertical phone view even though I’ve set my margins to auto and relative positions to auto

https://preview.webflow.com/preview/vibe-gardens?utm_medium=preview_link&utm_source=designer&utm_content=vibe-gardens&preview=576fe2f7eba63391a4be9ce03bc9e51d&pageId=62957d8820598eb00eed78b0&workflow=preview

3

Hi @charhad,

I’d recommend rebuilding this nav, should only take a couple of minutes and I’ve recorded a video on how to do this quickly here: Screen Recording 2022-06-14...

Hope this helps! Let me know if you have any questions. :smile:

4

Hi Milan,

Thank you for that helpful video – I made a new nav and it works great on the tablet version. Once I got back to the laptop screen, the menu is not in line. Since I messed up the first one by using spacing and positioning to fix alignment issues, I’m wondering if you have a better fix?

Thanks.
https://preview.webflow.com/preview/vibe-gardens?utm_medium=preview_link&utm_source=designer&utm_content=vibe-gardens&preview=576fe2f7eba63391a4be9ce03bc9e51d&workflow=preview

5

It’s just the home menu expanded nav bar that’s having an alignment issue

6

Hi @charhad,

I’ve recorded another demo here: Screen Recording 2022-06-14...

Let me know how you go!