Logo on smaller mobile overtop text from merged header element, menu background

Hi there,

The mobile header option should work.

Can you try activating it again and set the menu item height to 65px with the mobile toggle activated?
https://docs.generatepress.com/article/menu-item-height-width/#height

Let me know if this helps :)

thanks thats great!

how do we make the logo look better it looks like its just sort of stretched smaller and not very clear? ( I notice this on the sticky menu too?

thanks

also the opaque background disappears that i have on the main menu so how do I set that

and the drop down menu formatting looks odd now there is no background colour.

thanks

Let's try to tackle one issue at a time.

how do we make the logo look better it looks like its just sort of stretched smaller and not very clear? ( I notice this on the sticky menu too?

Have you tried increasing the menu item height some more?

Alternatively, you can take a look at the suggestions here as well:
https://docs.generatepress.com/article/mobile-header/#branding-type

Ok i guess thats better on the logo, let me know on the other items thanks!

John

Any chance you can open a new topic for each of your questions?

I'll mark this one related to the logo as resolved.

Thanks!

well its really more about the header not just the logo, these items are related imo so adjusted the title if thats ok. thanks!

Hi there,

try this CSS:

#mobile-header .site-logo.mobile-header-logo img {
    height: 50px;
}