Centered logo Navbar to stay centered on Desktop view

Hello again,

I’m now experimenting with a new design for the Navbar - the logo centered navbar so I can add an option on the left site for different languages.

So, I have the container named: “Navbar Logo Center” but, unfortunately, I can’t seem to find a way to keep the navbar responsive (1200px W centered when on desktop). I tried changing position to relative and tried adding padding to the hero section but when I reduce the screen, the content seems to be attached to the left side of the screen.

My question is: Is there a way to keep the content on the Navbar centered?
And what do would you recommend for the smaller screens? Just hide the English/ Portuguese options and keep logo to the left and hamburger menu to the right?

I get really good help from this forum and I look forward to reading your feedback.
Thanks!


Here is my site Read-Only:

https://preview.webflow.com/preview/kell-a003b8?utm_medium=preview_link&utm_source=designer&utm_content=kell-a003b8&preview=5b808815292824248c5ba32d715fa569&pageId=664a0f1bde78be2020e5d5f5&workflow=preview

You can use auto margin on that nav element.
Your mobile menu looks ok. Are you hoping to keep the language links on mobile?

1 Like

Thank you so much @Port_of_Folio
I was thinking about either hiding it or just switching to a dropdown menu with the language options. Do you think that would look ok or too busy?