[Resolved] Sticky header is partially covered on scrolling down

Home Forums Support [Resolved] Sticky header is partially covered on scrolling down

Home Forums Support Sticky header is partially covered on scrolling down

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #693939
    Kalle

    1.
    Some upper parts of the sticky menu are covered by the browser when scrolling down. Tried out on new and older Android – same problem.

    Site- fine:
    https://ibb.co/dY7Pgz

    Scrolling down – issue:
    https://ibb.co/j6mjgz

    Scrolling up – fine.
    https://ibb.co/m2GT8e

    2. Also I minor issue on some phones, when sticky mobile menu icon, would need a padding to the right. Is that possible with CSS?

    #694484
    Tom
    Lead Developer
    Lead Developer

    Strange – what happens if you replace the default Footer Widget messages with your own text widgets?

    #694550
    Kalle

    The footer widget content has no impact at all. Same problem.

    #694563
    Kalle

    Solved, although I’m not sure really why.

    I had a feeling it has to do with the hight of the sticky menu so I thought I will try to change some settings, especially one:

    Layout -> Primary Navigation -> Menu Item High for mobile setting. Changed it from 51px up and at 55px the menu is fine and both scrolling up and down.

    #694620
    Tom
    Lead Developer
    Lead Developer

    That’s very strange. Glad you found a solution πŸ™‚

    #694748
    Kalle

    Sorry, I thought there was a sloution, but it was probabaly cache … the problem stil persist, and I cant find the reason for it. The “menu item height” don’t matter … πŸ™

    #694984
    Tom
    Lead Developer
    Lead Developer

    Try adding this CSS:

    .mobile-header-navigation {
        padding: 0;
    }
    #695118
    Kalle

    That did the trick. Thank you!

    #695221
    Tom
    Lead Developer
    Lead Developer

    You’re welcome πŸ™‚

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