Archived topic
How to get logo and title in the middle?
3 replies · Started by Heath on October 28, 2021
Viewing posts 1–4 of 4
I'd like my logo and title to be in the middle while the menu icon is on the left and the search icon on the right across all devices. How do I make that happen?
Hi Heath,
Give this CSS a try:
.navigation-branding {
position: absolute;
left: 50%;
transform: translatex(-50%);
}
.menu-bar-items {
flex: 1;
width: 100%;
justify-content: space-between;
}
span.menu-bar-item.slideout-toggle{
order: -1;
}
.navigation-branding .main-title a {
line-height: 1em;
}
@media (max-width: 768px) {
.menu-bar-items {
justify-content: flex-end;
}
.main-navigation.has-branding .menu-toggle {
order: -1;
}
}Let me know :)
That worked. Thank you.
No problem :)
This archived topic is closed to new replies.
