Replace gp search

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

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

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

Great!

Thanks again for your amazing support.

I guess this one is completely solved for me :)

Cheers

Glad we could be of help