Dropdown nav on mobile cutting off most

https://preview.webflow.com/preview/vale-health-test?utm_medium=preview_link&utm_source=designer&utm_content=vale-health-test&preview=1a3f4e1ced7e705ab33aa8f4470f072b&workflow=preview

On Tablet and below, the nav hamburger cuts off most of the menu. I’ve tried switching from Absolute to sticky to relative, changing widths, z-index, rebuilding the menu from scratch, everything I can think of. No matter what I do, the menu is cutoff. When I mark it “Show” in settings to work on it, everything is fine. When I hide it and preview it, it is cutoff again. Thx


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

Welcome to the forum Justin!

To help you on the right path, you could give the navbar a width of 180px

Hey there… thanks for that. I tried it and it is still cutting off the links for some reason. Did you get it to work? Here is a quick loom of my attempt: Loom | Free Screen & Video Recording Software | Loom

Hmm, that’s strange! It works for me in the editor and on the published site.

What browser and device are you using?

Macbook studio Apple M1 Ultra Venture 13.1, Chrome with latest upgrade. I’ll reboot and see if that helps.

Hmm, I see. It might be an overflow: hidden issue. Over time, I’ve noticed macOS as Windows seem to handle it differently.

I am afraid I won’t be able to help you out here since I’m not able to test it. Sorry! :frowning:

Loom | Free Screen & Video Recording Software | Loom. - weird - it comes down from the very top vs under the nav bar but it is wider now.