Mobile Nav isn't appearing because menu isn't expanding Navbar Height

Design help Layout & Design
1

We have a very simple site and are using the built in navbar. Everything works wonderfully on desktop but on mobile the nav isn’t working right. Everything works fine in the Designer but when I move to a real mobile device the navbar doesn’t expand when the button is pressed so the menu is cropped. I assumed this was caused by absolute positioning but everything is set to relative so I’m not sure this is a Z-axis problem.

You can see the clipping in this screenshot. The menu should have 5 items but only two are visible:

image
image708×920 38.2 KB

Here is my site Read-Only: [LINK][Webflow - CAD2]

2

Hello @henryci, welcome to the Webflow forum!

You can achieve this by changing the following settings:

  1. Change the overflow of your class Navbar Wrapper to Visible.
  2. Change the position of your class Navbar (Symbol) to Static.

Step 1 solves the cropping of your menu.
Step 2 moves the absolute positioning to the left of the screen (no gap)

Let me know if this helps.