Navigation
Archive / Background image jumps on load when parallax is enabled.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 27, 2016 at 3:57 pm #903023
    Steven B
    Participant

    The top of each page on this site is a large full-width image set as the section background image. When parallax is enabled, the image loads and then shifts/jumps to another position a second or two later.

    Looking at the other threads in the forum, I’ve tried adding this to the custom CSS, which has not solved the issue: .x-section.bg-pattern.parallax {
    background-position: 50% 0px;
    }

    Testing on Firefox and Chrome, Windows 10. Using WordPress 4.5.1, Cornerstone 1.2.4, X Theme 4.4.2

    April 27, 2016 at 4:01 pm #903030
    Steven B
    Participant
    This reply has been marked as private.
    April 28, 2016 at 5:07 am #903826
    Jack
    Keymaster

    Hi there Steven,

    Thanks for writing in!

    This unfortunately, is an issue with Parallax in general, as the CSS that’s used to place the background image is changed on load complete when the JS is initialized.

    There’s a great thread on that here: http://stackoverflow.com/questions/23225166/background-image-jumps-on-first-scroll

    Try changing your CSS to:

    .x-section.bg-pattern.parallax {
background-position: 50% 21px !important;
}

    Thank you!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-903023 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>