logo on mobile header

Hi there,

try increasing the menu item height on mobile. If not can you provide a link to the site.

Hi David,

I cannot it's a cloned site only available for me to see (you must login) however I went looking more closely into the code as I did not fully understand what you meant. I saw with inspector that the class was .header-image and I noticed it was set to 30 px so I changed the css to min-height 60 px instead of height 30px and that did it for me. large enough to have a proper logo and for the mobile screen space enough for the menu on the right.

I am very happy because so far I love generatepress.

thanks!

Not a problem. So you have fixed the header with CSS and all is good?

Hi David,

all is good for now :)

Awesome :) Glad you got it resolved.

Hi David,

I have another question concerning the logo.
on desktop view I have the header logo on a white background and also the background of the logo is white.
when I go to mobile view the logo (with the white background is now on the menu which is fine. however the background of the menu is pink and now I have on mobile a pink background with a white background logo. it there a way to change the background of the menu to white only on mobile?
link = http://www.sakuramassagepraktijk.nl

Try this CSS:

#mobile-header.main-navigation, #mobile-header.main-navigation ul ul {
    background-color: #fff;
}

thanks David, I'll try it out and let you know.

I tried it out and it worked! thank you very much

Glad to be of help