Nav links not displaying on mobile

Hi there. I’m new to Webflow and am running into an issue with a mobile nav bar.

Essentially I have 2 nav menu’s in my bar (one left and the other right aligned). On desktop and tablet this works great. However when the hamburger/menu icon is displayed on mobile the left nav menu items are not displayed (screen shot below).

Desktop

Mobile

Structure

Am I missing something obvious here? I tried to adjust the height of the nav bar on mobile but this doesn’t fix anything. Thanks for any help!

1 Like

Hi @stephenmeszaros,

I’d be happy to help. :blush:

Could you provide your Webflow share link so I can take a look: Share a read-only link | Webflow University

1 Like

@micahryanhtml great, thank you so much! Here is a read-only link: https://preview.webflow.com/preview/dailystaging?preview=cd9c182857eaa992ad0e9d80c6f95e4b

1 Like

Hi @stephenmeszaros,

You would need to remove one of the Navbar Menus, and consolidate the links into one so that the user can use one mobile menu to access all of the links.
53 PM

You can view some of the steps that I took in the following video: https://youtu.be/5atO66Fnu70

Hopefully this helps :blush:

Thanks so much @micahryanhtml!! That solved my problem, I suppose the rule here is that you can only have one Navbar Menu in a Navbar.

Cheers :smile:

1 Like

Nice! Glad it worked for you :blush:

Yup, that’s it @stephenmeszaros

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.