Streaming live at 10am (PST)

2 line Navbar - hamburger menu opening off screen


#1

Hello!

I’m having trouble with a 2 line Navbar I made. In order to get the layout I wanted, I used a flexbox to make a grid (logo on left, 2 rows on right). I then used the Navbar widget in the bottom row on the right. The only issue is that when the menu is opened, it opens to the right and you can’t read it (it’s off screen). I don’t know how to fix this. I have a feeling it’s because it’s “left-justified” in the flex box settings, but that doesn’t help me fix it. Any ideas?

My read only link is here:

https://preview.webflow.com/preview/jbm?preview=b47897a937109d083dd21bf0b477bda6

If there is another way to get this 2 row type of Nav, please feel free to have me do that. I tried a few different things but this is the only option I could get to work with the logo taking up more height on the left (you can see a different option on the “other nav” page. Not fond of that one since the logo is only on the top row).

Thank you for your help!


#2

@Waldo any thoughts? Kinda stuck on this… and I feel like it’s probably something really simple I’m missing… :slight_smile:


#3

Hi @redhead, I would set your parent div block 5 class to flex item expand:

After doing that, the menu works correctly for me:

I hope this helps,
Dave


#4

Thank you!!! :smiley: