Parallax effect not working on some front page sections

Illdy
1

Hi Support!

Some sections on my front page are working fine with parallax effect (scroll with page = No) and some section are not working with parallax even though the “Scroll with page” option is set to No. I have tried switching this option on and back off again to reset it and initially the effect returns but then stops as soon as I edit another section of the front page.

Currently, the parallax section is working on the Jumbotron and Testimonials Sections but not on the Full Page Width and Services sections. Have tried in multiple browsers and still the same.

The web address is: http://s524931179.websitehome.co.uk/

Please have a look and see what can be done to rectify this please.

Many thanks

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
From what i can see scroll is set for services background attachment, can you switch it to fixed?
you can also add this code in appearance > customize > additional css:

#full-width:before, #testimonials:before, #about:before, #team:before, #counter:before, #services:before, #projects:before {
background-attachment: fixed !important;
}

Thanks!
Colorlib Support Team

3

Hi Noda,

Many thanks for coming back to me about this issue.

I have tried the CSS you suggested and it all works fine now. This means that the scroll with page settings is not always working for some front page sections.

I have taken this screen recording to show you what happens: https://drive.google.com/file/d/1IfYoErFfYKVr-yD3Wb6Xg41sma49wSJg/view

As it happens, this issue is now resolved for me thank you very much. Thought the video above would be helpful for your developers.

Best regards

4

Good morning

Thank you so much for the video,
Let us know if you need anything else in a new ticket, I will close this case