Archived topic
Mobile Menu label on the left side, Logo center, search on right side,
5 replies · Started by Ashia on January 14, 2023
Hello again, Here I want little help with the mobile menu.
I want to make the following,,,, Mobile menu label with 3 lines SVG icon on the left, logo/text logo in middle, and Search icon on the right side for mobile menu.
also how I can add a little bit of shadow to the Header downside? shadow for both desktop and mobile navigation menu.
let me tell you, I am using Navigation as Header , Mobile header off (if need I have to turn it on),
Hi there,
can i see the site ?
I want to create the site from scratch, so I have nothing to show for now. I want a header with the above requirements.
With the Navigation as Header, and the site branding, you can add this CSS:
@media(max-width: 768px) {
#site-navigation .menu-toggle {
order: -1;
}
#site-navigation .navigation-branding {
margin: auto;
}
}It worked, thanks a lot, David.
You're welcome