[Resolved] Replace gp search

[David]

Try this CSS:

#mobile-header.has-branding .menu-toggle {
    order: -1;
    margin-right: auto;
}
#mobile-header {
    position: relative;
}

.site-logo.mobile-header-logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

[Thomas]

Come on guys, it’s ridiculous how fast you are answering 🙂

That’s great again, David!

Would it be ok to change those values

.site-logo.mobile-header-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}

to position the logo right beside the menu item or is there a more elegant way? centered looks kinda weird to me 🙂

[David]

To align it aside of the Menu then remove the last 2 CSS rules i.e. Just add this instead:

#mobile-header.has-branding .menu-toggle {
    order: -1;
    margin-right: auto;
}

[Thomas]

Great!

Thanks again for your amazing support.

I guess this one is completely solved for me 🙂

Cheers

[David]

Glad we could be of help

[Author]

Posts