I have hidden the header content but still want the logo to appear only

Hi,

I have created a costumed header (using Header Footer builder plugin). It looks all fine on the desktop but on the mobile it's terrible.

So, I thought to hide it on mobile and make only the logo visible (the default logo space from GeneratePress).

Also, I have used the option 'enable logo' on mobile version but it's too small to have it on its own. I want to have a bigger logo before the navigation bar (where the header is).

I have tried different scenario but it doesn't work.

First, I have hidden the header section

#entetesite {
height: 150px;
visibility: hidden; /****if I put display: none; there will be no space for adding the logo ***/

}

Then,

#customize-control-custom_logo {
visibility: visible;
}

Still not working

Any ideas? Any help would be great. Thank you in advance

Nathalie