Archived topic

Logo alignment - Keep it just left of Top menu

4 replies · Started by impro1 on August 9, 2021

Viewing posts 1–5 of 5

August 9, 2021 at 1:34 pm #1889807

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.
Logo Alignment Issue

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:
See logo space gap when browser expanded

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

TIA

August 9, 2021 at 1:37 pm #1889809

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

August 9, 2021 at 6:52 pm #1889968

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/

August 10, 2021 at 8:51 am #1890907

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

August 10, 2021 at 9:53 am #1890990

No problem :)

This archived topic is closed to new replies.

Start building better websites today.