Streaming live at 10am (PST)

Logo not centered in nav bar


#1

Hi

I want my logo to be exactly centered on the page but for some reason it appears slightly off to the right when compared to the centered content below. I’ve tried the flex settings and checked for margin/padding etc but to no avail. I’d be very grateful for any help.

Many thanks in advance…Graham

Share link below:

https://preview.webflow.com/preview/new-wave-financial-services-group?preview=7b35d67080b83bedb8a1d84bb7e63d0e


#2

Better off not using Flex for that, I reckon. Position relative your nav bar, then absolute for your brand and menu (menu top left, brand top). Then pad / margin from there.

edit:
Sorry, just seen on another of your posts that folks recommended Flex to achieve the layout in the first place! Stick with Flex if you like but it’s the width of the burger icon that’s throwing your logo off. Just position absolute your menu button to the top left and you should be golden


#3

+1

I came to the same conclusion. Your menu button needs to be taken out of the flow.


#4

Thanks for all the replies, that has fixed it. Many thanks. Graham


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.