[Resolved] logo on mobile header

[Adriene]

the logo becomes tiny indeed on the mobile header, isn’t there a way to show it bigger than tiny?
this is huge for me because my client wants it bigger, I can accomplish that with other themes but I want to use generatepress

GeneratePress 2.1.4

GP Premium 1.7.2

[David]

Hi there,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adriene]

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!

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adriene]

Hi David,

all is good for now 🙂

[David]

Awesome 🙂 Glad you got it resolved.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adriene]

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

[David]

Try this CSS:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adriene]

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

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

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts