How to have my navigation links centered with logo left en button right

Design help General
1

Hi,

I’ve been trying to get my navigation links centered with a logo on the left and a button on the right. It’s been driving me crazy, especially with the responsiveness switching from 1440px and up to desktop and smaller…

Can anyone help out? Much appreciated!

Here is my site Read-Only: Webflow - carv.com

2

I know, dealing with responsiveness can be a real headache.
You could try using flexbox to help with the centering. You could set the parent element to display:flex and then use justify-content:center to center the navigation links. Then you could use align-items:center to center the logo and button vertically.
Another option is to use CSS grid, which can also be helpful for responsive layouts.
Hope that helps! Let me know if you have any other questions or if you need more specific advice please.

3

Hi Paul,

I’d use a 3 column grid, with different justification settings to achieve what it looks like you’re trying to achieve.

I’d then try changing your navbar wrapper back to display: flex on tablet and below to align your logo and hamburger menu