[Resolved] logo on mobile header

Home Forums Support [Resolved] logo on mobile header

Home Forums Support logo on mobile header

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #674139
    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
    #674188
    David
    Staff
    Customer Support

    Hi there,

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

    #674211
    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!

    #674239
    David
    Staff
    Customer Support

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

    #674241
    Adriene

    Hi David,

    all is good for now ๐Ÿ™‚

    #674244
    David
    Staff
    Customer Support

    Awesome ๐Ÿ™‚ Glad you got it resolved.

    #724292
    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

    #724344
    David
    Staff
    Customer Support

    Try this CSS:

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

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

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

    #724367
    David
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.