Sticky Nav jumps when scrolling down

  • Resolved neuquen7

    (@neuquen7)


    10 years, 6 months ago

    It’s hard to explain, but when I initially scroll down, and the navigation bar goes from “fixed” to “sticky” the entire webpage jumps a bit. Maybe there is an absolute positioning that is off somewhere. I can’t really pinpoint the problem.

    This was not an issue with GeneratePress 1.1.1. It only became a problem with version 1.1.2 and 1.1.3.

    I have briefly looked through the possible reason, and will continue to look, but thought I’d ask for your help as well.

    I’m using the latest version of Chrome.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter neuquen7

    (@neuquen7)

    Hah, I found the problem quicker than I thought I would…

    This was the culprit:

    .nav-above-header.stickynav {
padding-top: 60px;
}

    Once I removed the padding, it stopped jumping.

    Theme Author Tom

    (@edge22)

    Thanks for pointing that out – I’ve removed it and will release the update soon.

    Theme Author Tom

    (@edge22)

    The new update has just been released with this fix.

    Thanks again!

    ErinSand

    (@erinsand)

    I am still having the same problem, the nav bar flickers when I scroll down on a small screen. I have the nav below the header.

    Theme Author Tom

    (@edge22)

    This should be fixed in the upcoming update.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sticky Nav jumps when scrolling down’ is closed to new replies.