shrink transition not smooth

  • Resolved samlee1985r

    (@samlee1985r)


    4 years, 8 months ago

    I’m using the Hello Theme but the easing doesn’t seem to be working on the header. When you scroll the header shrinks but the transition is instant and not smooth at all.

    Any help would be great.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter samlee1985r

    (@samlee1985r)

    I’ve already tried adding the css as suggested in other posts.

    Plugin Contributor Robert Wattner

    (@rwattner)

    Hi, I see that transition duration is set correctly for height and background color etc. but isn’t being applied. A few things can cause this.
    Caching, code minification, and speed plugins can break the code.
    Not having a set height can cause this problem because if the height is not specified then the transition aimed at height has no value to use. I hope that makes sense.

    I always set my header min-height to around 80px-100px so you know where you’re starting from when deciding a shrink height. Same thing with the logo. If you have set values you can better predict the results and values needed to achieve desired shrink heights. I usually shrink the header and logo both about 20% so they look symmetrical while shrinking.

    Let me know if this helps

    Plugin Contributor Robert Wattner

    (@rwattner)

    @samlee1985r Are you still having problems with this? Please let me know, thanks.

    Thread Starter samlee1985r

    (@samlee1985r)

    Hey Robert, unfortunately yes – still not smooth at all

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘shrink transition not smooth’ is closed to new replies.