Wonky logo placement in navigation

Hey everyone,

For some reason, the logo continues to be off center from the navigation. All I did was update the titles, and it’s staying off centered like this…Does anyone have any ideas on what it could be?

Thanks in advance.


Here is my site Read-Only:

Hi there,

To adjust your logo position in the navbar, here’s how to achieve proper alignment:

Select the Brand Link block in your navigation, then open the Style panel. Under Spacing settings, you can adjust both margin and padding values to fine-tune your logo’s position. For vertical centering, focus on the top and bottom padding values. If you need horizontal adjustments, modify the left and right margins or padding.

For additional control, you can also adjust the Brand Link’s flex properties in the Layout settings, which can help achieve perfect alignment within your navbar.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like

Hi Alexandra,

The layout is a bit unconventional,
You can see the logo is outside of the navbar, so positioning it is difficult and relies on a spacer element plus element overlapping.

I’d probably clone the logo and make a desktop-only version in the nav itself, something like this-

Then hide that on mobiles and show your one that’s outside of the nav wrapper.

1 Like