[Resolved] Mobile Menu label on the left side, Logo center, search on right side,

[Ashia]

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),

[David]

Hi there,

can i see the site ?

[Ashia]

I want to create the site from scratch, so I have nothing to show for now. I want a header with the above requirements.

[David]

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;
    }
}

[Ashia]

It worked, thanks a lot, David.

[David]

You’re welcome

[Author]

Posts