Div Jumping

  • Resolved Allison

    (@allisonbowlus)


    5 years, 7 months ago

    The teal div underneath the top full-width slider jumps or shivers a bit when it first loads in Chrome and Opera on Mac. How can I prevent this from happening??

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @allisonbowlus

    It seems to stop shaking when I add backface-visibility:hidden; to that H1. Can you add that to the stylesheet and see if it works?

    You probably need to add the vendor prefix too. 

    .backface-visibility-hidden {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
    Thread Starter Allison

    (@allisonbowlus)

    @kbat82 That didn’t work but thanks anyways. On second look it’s actually caused by the template primary header animation when scrolling down, not the slider, and the quivering actually affects the entire page. Thanks again!

    Hi @allisonbowlus

    Are you sure you added it to the h1 correctly (I don’t see it there now)? It’s a common bug in Chrome when using CSS transforms. You can see it in action here:

    https://css-tricks.com/almanac/properties/b/backface-visibility/

    I’ll mark this as resolved though since it’s not related to MetaSlider specifically.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Div Jumping’ is closed to new replies.

Tags