[Resolved] move hamburger menu to the left and display website title in the middle

Let’s handle one question at a time.

1. You have this CSS which hides the logo on mobile, it needs to be removed.

@media (max-width: 768px)
.site-logo {
    display: none;
}
}

2. Go to Customzier> layout > header, and turn on the mobile header option.

Once it’s done, we can take another look.

I forgot to ask you to upload a logo for the mobile header, sorry about that.

Let me know when the logo is uploaded.

I notice that you are still using the legacy float structure, can you go to customizer > general, and switch it to flex?
https://docs.generatepress.com/article/switching-from-floats-to-flexbox/

Go to customizer > layout > primary navigation, and check if the Navigation Alignment is set to center.

Now add this CSS for the mobile header layout:

#mobile-header .menu-toggle {
    position: absolute;
    left: 0;
}
.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    margin-left: auto;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hello there,

Did you remove the logo? I’m not seeing one on your site right now. I’m only seeing the site title.

If you did, can you return it?

Hi there,

the examples site you shared is using just an image for its “logo”

are you wanting to place your logo image behind your site title ?

if so add the logo so i can see the logo and the title and ill will provide some CSS to do that.