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.

https://prnt.sc/MOQwNEKLOPUb

Mine looks different than what's described here: https://docs.generatepress.com/article/mobile-header/

Edit: Nevermind, I had to activate the module in GP Premium. It's done now - the mobile header is on.

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

Let me know when the logo is uploaded.

Ok, done.

Edit: Hm, I just noticed that my desktop top nav menu got pushed to the left for some reason. It was centered (you can take a look at what it looked like in archive.org).

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/

Ok, did that too.

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

Thanks, that fixed the desktop top navigation!

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/

Ok, thank you, but this puts the website's logo in the center and as I explained in my original post I want the website title in there. :)

Could you help with that?

I left an example site of what I want.

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, the site I attached was the example I wanted it as. Now attaching both mine and the example one.

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.

Hi,

Maybe it's my English. I want to have the hamburger menu on the left and the site title (not logo, just text) displayed in the middle on mobile view. So the hamburger menu is already on the left thanks to Yinn, now I just want to replace the mobile logo with a site title.

I tried through Layout > Header > switching Branding to "Site title" instead of "logo" but then the site title gets displayed on the left and overlaps with the hamburger menu.

Could you help?