[Resolved] Logo alignment – Keep it just left of Top menu

[impro1]

Hi,

I have a Full with header with Hero image.
My main content is fixed with of 1200px. currently, my logo is left aligned and when I expand the browser window, it floats to the left and moves away from the left of my top menu bar. I want to keep the logo close to the left of my menu bar ( about 150px padding between the right of logo & left of my first menu item (Home).
Please see screenshot.

I do not want a big gap when I expand the browser window as the lego floats to the left – too far from my menu bar. See the Screenshot below:

I tried to add floar:right to the .site-logo class but no luck!
Any help is appreciated.

TIA

[impro1]

The SS images are not showing in OP.
Image SS 1:
https://imgur.com/a/WmlIjjH
Image SS 2:
https://imgur.com/a/plyxEYC

[Leo]

Hi there,

Can you give this option a shot?
https://docs.generatepress.com/article/navigation-as-a-header/

Make sure the inner navigation width is set to contained:
https://docs.generatepress.com/article/navigation-layout/

[impro1]

Thanks a lot, Leo!
Setting my menu as “Navigation as a Header” worked!

[Leo]

No problem 🙂

[Author]

Posts