Streaming live at 10am (PST)

Nav links not displaying on mobile


#1

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!


#2

Hi @stephenmeszaros,

I’d be happy to help. :blush:

Could you provide your Webflow share link so I can take a look: https://university.webflow.com/article/sharing-your-sites-read-only-link


#3

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


#4

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:


#5

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:


#6

Nice! Glad it worked for you :blush:

Yup, that’s it @stephenmeszaros


#7

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