Archived topic
How to centralize the logo in the mobile version?
5 replies · Started by Cristiano on August 31, 2021
Viewing posts 1–6 of 6
I would like to centralize the logo in the mobile version, so that it would be the same as what I sent in the sensitive area.
My website works like this:
I would like to get this effect:
Can you help me, please?
Hi Cristiano,
Give this CSS a try:
#mobile-header .menu-bar-items {
order: -1;
padding-left: 4px;
}
.site-logo.mobile-header-logo {
position: absolute;
left: 50%;
transform: translatex(-50%);
margin-left: 0;
}Hi, thanks for your attention! The logo has been centered, but the menu and search icon have moved the wrong way.
Ah I see, just change this CSS:
#mobile-header .menu-bar-items {
order: -1;
padding-left: 4px;
}to this:
#mobile-header .menu-bar-items {
order: 3;
}Let me know :)
It worked, thank you very much!
You are welcome :)
This archived topic is closed to new replies.
