logo covers the menu

Well, I don't know anything about CSS
I just want the logo out of the menu bar. Can I increase the container somehow?
I am not a programmer and don't know much about wordpress. If I knew that it is so complicated I would have gone with Squarespace. This is too much work for me.

Are you trying to create a header/navigation like Wordsmith template here?
https://gpsites.co/wordsmith/

Let me know :)

Something similar to that just above the menu.

Ok.

Go to Additional CSS field in the customizer and remove this block of CSS:

.inside-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.header-widget {
	order: 10;
	overflow: visible;
}

.nav-float-right .header-widget {
	top: auto;
}

.nav-float-right .header-widget .widget {
	padding-bottom: 0;
}

.site-branding,
.site-logo {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 200;
}

Then set the header alignment to center:
https://docs.generatepress.com/article/header-layout/#header-alignment

Let me know if this gets you closer :)

Thanks, I will try to do what you say and see what happens.

Sounds good let me know :)

I did it, thanks for your help.

Glad I could help :)