Archived topic
I want to position the Logo in Middle, Menu Toggle and Search Bar
5 replies · Started by Md Ashfak Faysal on August 11, 2022
Viewing posts 1–6 of 6
I want the logo to be in middle, menu toggle on left, search bar on right like this image:
https://ibb.co/c3G7DX5
However, as soon as I actually add the logo, the logo goes to the left by default like this:
https://ibb.co/tz7Zf6f
No matter what type of 'Header Presets' i try, the positioning is always like this on mobile.
Any help would be appreciated!
Hi there,
Can you link us to your site?
Hi there,
try adding this CSS:
@media(max-width: 768px) {
.site-logo {
position: absolute;
left: 50%;
top: 15px;
transform: translateX(-50%);
z-index: 1000;
}
.has-inline-mobile-toggle .mobile-menu-control-wrapper {
flex-direction: row-reverse;
flex: 1;
}
button.menu-toggle {
flex-grow: 0;
margin-right: auto;
}
}That worked like a charm!
Thank you very much!
You're welcome
This archived topic is closed to new replies.
