Responsive navbar positioning help

Hello!

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: https://preview.webflow.com/preview/margaret-petersen?utm_medium=preview_link&utm_source=designer&utm_content=margaret-petersen&preview=60a392a3e1a81c564d239c2eae1e662c&mode=preview
(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