[Support request] 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?

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.

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