[Resolved] header weird

Home Forums Support [Resolved] header weird

Home Forums Support header weird

  • This topic has 13 replies, 3 voices, and was last updated 1 week ago by Ying.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #2079514
    Max

    Hi guys check my header on mobile. How can i fix it?

    #2079520
    Ying
    Staff
    Customer Support

    Hi Max,

    Did you forget to link us to the site in question?

    You can use the private information field.
    https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    Let me know πŸ™‚

    #2079553
    Max

    Check the private thing πŸ™‚

    #2079567
    Ying
    Staff
    Customer Support

    What’s weird about it?

    No logo? Can you describe a little bit more about the issue?

    #2080017
    Max

    Look in the private part. When i land on the website the header is fine. But when i start scrolling it gets weird.

    #2080112
    David
    Staff
    Customer Support

    Hi there,

    i assume you are using a lazy loader – in its settings there should be an option to Exclude images with a specific CSS Class. You can exclude the logo with this class: is-logo-image

    If you can do that and clear any caches then we can take a look.

    #2081018
    Max

    Like this?

    #2081036
    David
    Staff
    Customer Support

    Thats correct.
    Now add this CSS to your site:

    @media (max-width: 1024px) {
        .main-navigation.sticky-navigation-transition .site-logo img {
            height: 66px !important;
        }
        #mobile-header .site-logo {
            margin-left: 0;
        }
    }
    #2081491
    Max

    Did not worked sorry πŸ™ do you have another solution.

    #2081508
    Ying
    Staff
    Customer Support

    I don’t see the CSS has been added to your site, can you make sure cache is cleared after you add the CSS to customizer > additional CSS?

    Let me know πŸ™‚

    #2081512
    Max

    what about now?

    #2081528
    Ying
    Staff
    Customer Support

    Checked your CSS sheet, the code highlighted are not CSS, it’s PHP, it’s not supposed to be added to this field, you should remove it.
    https://www.screencast.com/t/1OhZvXH5uS

    For how to add PHP: https://docs.generatepress.com/article/adding-php/

    #2081555
    Max

    oh weird i dont know how it came there but thanks a lot Ying!

    #2081613
    Ying
    Staff
    Customer Support

    You are welcome πŸ™‚

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.