Archived topic
Having Trouble Getting Site Logo To Float Left Of Nav
2 replies · Started by Nicholas on February 14, 2022
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! :)