How to place logo next to hamburger menu?

Hi Max,

Just to confirm, you want hamburger icon, logo, cart in this order?

Do you want the logo to stay in the center of the header or next to the hamburger icon?

Next to the hamburger icon

Hi there,

remove the CSS you have so far and:

1. Add this CSS:

#mobile-header .menu-toggle {
    order: -1;
}

2. Customizer > Layout > Primary Navigation - switch to Mobile Preview and set the Menu Item Width to say 20px.

It doesnt work yet so

From left to right i want
Hamburger icon
Logo
Shopping cart

Remove David's CSS here:
https://generatepress.com/forums/topic/how-to-place-logo-next-to-hamburger-menu/#post-2218334

Then add:

#mobile-header.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#mobile-header.has-menu-bar-items button.menu-toggle {
    padding-left: 20px;
}