Site logo

Archived topic

Having Trouble Getting Site Logo To Float Left Of Nav

2 replies · Started by Nicholas on February 14, 2022

Viewing posts 1–3 of 3

I can't seem to get the site logo to float left of the navigation. I'm using a merged header element with the primary navigation.

flex-direction: row-reverse;

Modifying .inside-header to have this attribute appears to have resolved the issue, but is there a setting inside of GP that I should change to achieve this instead of adding it into the css?

Hi Nicholas,

In Appearance > Customize > Layout > Primary Navigation, can you try modifying the Navigation Location?

See: https://share.getcloudapp.com/bLux2PbD

Alternatively, you can try adding this CSS, but setting the Nav Location through the Customizer would be best:

.inside-header {
    align-items: space-between;
}

nav#mobile-menu-control-wrapper {
    order:1;
    margin-right:0;
    margin-left:auto;
}

Hope this helps! :)

This archived topic is closed to new replies.