How to stop home scrolling Header image?

  • 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.

    Thank you in advance!

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

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

  • Hello,

    The URL that you have mentioned above doesn’t seem to be valid currently, is this issue still actual?

    Kind Regards, Roman.

    Thread Starter solutionsoftinc

    (@solutionsoftinc)

    The site is on a private server so I can’t share it but I am still having this issue, yes.

    Hello, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    #slideshow .slide-item {
    background-position: center !important;
}

    Kind Regards, Roman.

    Thread Starter solutionsoftinc

    (@solutionsoftinc)

    Thank you Roman!

    I tried adding that css but no luck. The image still slides and scrolls up and down.

    Here’s an example of a website that looks like mine: https://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.

    Thanks for your help!

    Hello, I’ve just tested that code once again and it works.

    Did you clear your browser cache after applying the code?

    Kind Regards, Roman.

    Thread Starter solutionsoftinc

    (@solutionsoftinc)

    Hey Roman,

    I did clear my cache. The background still moves as I scroll down the page like on this site https://just-a-demo.com/
    I even rearranged the order of the CSS codes I have in there so that was at the top and there’s no change.

    Okay, in this case I don’t think that I can provide much help here without a link to affected page, unfortunately.

    Kind Regards, Roman.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to stop home scrolling Header image?’ is closed to new replies.