How to enlarge the space for mobile logo without overlapping content

hi @dorien6,

Sorry for the delay. Try to increase the height of the header from 50px to 70px so that the image has more space to grow.

Hi Rui,

Thanks for your suggestion.

In : Header -> Header options, I enlarge the header height tand the space does get bigger, but it shows as a black field.
Do I need to add my logo in the header?
And how can I do that? (there is no possibility in the Header options except at : Header -> Logo ).

I uploaded my logo image atL Header -> Logo. The height I put on 63px. WBut when I want to enlarge the height ,it will overlap my webcontent.

I tried to adapt the in the Logo options

It seems your background color is transparent. So you could have the Naked header option enabled or the opacity in the header background color is at the maximum.

Can you double-check it?
Thanks

I don’t have a Naked header option in the Mobile Menu Options, see printscreen. Neither i can find header background color (to adjust the opacity)

There’s only “Header Style” and the option for “Sticky Header”, Header Shadow, Header Height and Text.

can you check the Color options -> Header

You should see something like this.
https://cln.sh/JhPom4

If you can’t find it add the code below to the custom CSS option inside the General options -> Advanced options

.mob-menu-header-holder {
    background-color: #ffffff!important;
 }

 .mobmenur-container i {
    color: #000!important;
}

After that clear the cache and test again.

Thanks again. I checked the Color options but it didn’t make any sense.
Then I added the code in the Custom CSS but it also didn’t make any sense for my webpages on the mobile version. At the page About even the first paragraph has vanished and at the desktop version the header logo and the menu has completely vanished.

Could it be my choice for the specific template that it’s not possible to enlarge the header space?

Now I have another problem after following your instructions: the meny and logo in the desktop version of my website have disappeared. How can i bring them back?
I uploaded logo image in General settings > Navigation settings, but it’s not visible.

The elements that are disappearing in the desktop don’t seem related to the code I provided since the code is very specific to target only the menu icon.

Not sure if you have a cache plugin, if you have it try to purge the cache. Also try to deactivate temporarily WP Mobile Menu and see what happens to the desktop logo and menu.

I deleted the Mobile Menu plugin and cache. But still the same: my main menu isn;t there

I haven’t changed anything else so I really don;t know what happened and how I can turn back my main menu

I’ve adapted something in the navigation menu and luckily the menu returned.

But still my question: is it possible to enlarge the space for mobile logo without overlapping the content?

Glad it’s back, it could only be a cache issue.
If you enlarge the mobile header and increase the header height it should work fine.

If you can provide me with a mockup image of how it should look will be easier for to provide you with the right CSS. But will be necessary to activate again the WP Mobile Menu.

Let me know if necessary.

Will close the topic for now. Let me know if necessary.