Support » Theme: Sydney » Urgent Scrolling Issue: Can you help with code?

  • Resolved solutionsoftinc

    (@solutionsoftinc)



    Hey everyone,

    I’m building a site for my work using the Sydney theme. My boss hates one feature and I’d love it if I could fix it.

    The Problem:
    When you scroll down the homepage, the main header image (just below the menu with the CTA button on it) goes “behind the rest of the rows below it” instead of staying static and having the whole page move down as one item. I believe this is referred to as “parallax” scrolling but I’m not entirely sure on the terminology.

    Essentially, I’d like to remove the scrolling image feature and just keep it as a static image on the front page. The rest of the site works great – this one specific hangup could solve all my problems.

    Examples:
    Here’s an example of a website that looks like mine: http://just-a-demo.com/
    When you scroll down, the sydney opera house image scrolls down behind the row behind it.

    Here’s a website with the home page image behaving how I’d like mine to: https://www.newswire.com/
    The main home page image is static as you scroll down the page.

    Thank you in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello there,

    To disable parallax effect, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    .slides-container .slide-item {
      background-attachment: scroll;
      background-position: top center !important;
    } 
    

    Regards,
    Kharis

    Kharis,

    That worked! Thank you so much. This is fantastic.

    Sincerely,
    Chris

    You’re welcome Chris!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.