Hi, I’m new to Webflow, and I’m having an issue with the navbar. I’m able to get the menu button to show the dropdown links on mobile landscape and larger breakpoints, but nothing shows on the mobile portrait breakpoint. I’ve made the positioning relative, and tried other tips I’ve seen on here. But I am truly stumped. Any help is appreciated.
Here is my site Read-Only: LINK
(Read-Only link)
Hi there,
The navigation menu button (hamburger menu) is a responsive design element that appears automatically on tablet breakpoint and below. This button allows visitors to access your navigation links in a mobile-friendly format, expanding into a vertical list when clicked.
To verify and troubleshoot the nav menu functionality in the Designer:
You can also customize the menu button’s appearance, position, and animation through the Navbar Settings panel to match your design preferences.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Check if the mobile portrait menu wrapper has display:none or zero height , I’ve seen it get hidden only on that breakpoint. Also make sure the menu button is set to trigger the default Navbar Menu element, not a custom div.
Hi Abby, what’s your readonly designer link?
Hi Michael,
Here is my read only link:
Thanks @abbym , I’m in the middle of some crucial projects but what I can see at a glance is that your navigation is a hybrid setup using a Webflow nav merged with list elements.
It seems to have some color override issues starting at tablet breakpoint, as well as the hidden dropdown at mobile portrait.
Can you publish the site to staging and share that link?
Thank you for your help. I decided to scrap my current navbar design and created a simpler one. It’s working now. Thank you again for your time and help 