How can I stop the sticky header from overlapping the body when it maximizes?

  • Resolved TheMadWiddler1200

    (@themadwiddler1200)


    9 years, 11 months ago

    If you go to my site babesfromparadise.com you’ll see that when you scroll down, then back up, the sticky header will overlap the body content. I know it’s just a small part that gets covered, but I don’t really like it. I’ve tried adding a margin top to the body but it still overlaps when you scroll back up. Any suggestions? Thanks in advance.

Viewing 3 replies - 16 through 18 (of 18 total)
  • Thread Starter TheMadWiddler1200

    (@themadwiddler1200)

    You were right, I copied the code wrong, I just tried again and it works perfectly!! There was a bottom margin to the header, I just had to adjust

    #tc-reset-margin-top {
    margin-bottom: 5px; /* or more */
}

    I had it set higher. That little jump is not to bad at all!
    I was getting a php error. Thank you, @d4z_c0nf!!

    Glad it works ??
    Now you can bring the border back ??

    Dear all, I’ ve problems on mobiles and sticky header/menu gives visualization problems. I’ ve tried in any ways but with no results.
    I continue to have partial sub menu visualization.
    Can you help me to fix this problem?

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘How can I stop the sticky header from overlapping the body when it maximizes?’ is closed to new replies.