How to keep a footer background image fixed while scrolling?

Store Design
1

I would Like the Footer Background Image To stay fixed when I scroll up and down.

this is what happens now:

Screenshot (48).png
Screenshot (48).png1899×931 203 KB

Screenshot (49).png
Screenshot (49).png1910×867 266 KB

2

hi @GeorgeRizos
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hi @GeorgeRizos ,

Go to Assets > base.css and paste this at the bottom of the file:

footer.footer.color-background-2.gradient.section-footer-padding {
  background-attachment: scroll !important;
}

Hope it helps!

4

hi @Litos thanks for replying. Sadly this didn’t work

5

hi @ExpertRookie , thanks for replying.

url: https://thesnoozy.com/.

password: 123

6

Hi @GeorgeRizos
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

#shopify-section-footer .footer{
background-attachment: fixed !important;
background-position: top center;
}
7

Hi @GeorgeRizos ,

I tried it and it works fine, because your background image is too small, you just need to re-upload it.

Hope it is clear to you.

8

yes, i tried different background-attachments and this was the one. Thanks