Archived topic
How do I get my logo in the middle?
1 reply · Started by Heath on October 1, 2021
Viewing posts 1–2 of 2
I'd like my logo to be in the center rather than on the left hand side across all devices. How do I get the menu on the left, logo in the center and search on the right?
Hi there,
try adding this CSS:
.main-navigation.has-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-left: unset;
margin-right: unset;
}
.main-navigation .menu-bar-items {
flex-direction: row-reverse;
flex: 1;
justify-content: space-between;
}
.main-navigation.has-branding .menu-toggle {
order: -1 !important;
}
This archived topic is closed to new replies.
