Streaming live at 10am (PST)

Responsive navbar positioning help


I am trying to build a navbar that displays most of its links as centered on desktop view, with a separate ‘Contact’ link off to the right. I’ve managed to do that with two separate Nav Menu blocks and flexbox on desktop view, but I’m a bit stumped as what to do in tablet and mobile view once the hamburger menu is opened – one of them always disappears.

Is this an instance where I have to build a completely separate mobile nav bar and hide on desktop/show on tablet+mobile? Or is there a way to build this in a cleaner way that I’m not seeing? Thanks in advance!

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

Hey Kristen!

Here’s a Loom Video I created that shows you how you can achieve this.

Omg thank you so much!! Exactly what I was looking for. Appreciate it!

1 Like