Hello, We have just launched our new website https://rainbowsweets.ca but have an issue with the mobile version. The background image scrolls with the text. Is there any way to prevent it?

@RainbowSweets , because ios doesn’t support the background-attachment css attribute. So you could follow these step to make your background image fixed Step 1. Go to Admin → Online store → Theme > Edit code Step 2. Find the file theme.liquid. Step 3. Add this code after Like this [BSSComm…

Thank you for your reply. Do you have an Android phone? I have an iPhone and the background is definitely scrolling,

@RainbowSweets , Glad to help you :heart_eyes:

We have asked friends and family to test the website and we’ve gotten some valuable feedback. They also notified us regarding some other issues that we hadn’t noticed ourselves. I’m not sure if you know how to resolve this issue, but we were told that the background seems to redraw after scrolling, …

Make Background Image Fixed Or Where It Doesn’t Move On Mobile When Scrolling

Shopify Discussion

RainbowSweets September 8, 2024, 6:22pm 4

Amazing! Thank you so much. It solved my issue and now it looks great!

Topic		Replies	Views
Background image twitches when scrolling on mobile device Shopify Discussion troubleshooting	1	134	September 12, 2024
Make background image fixed or where it doesn’t move on mobile when scrolling through Store Design	5	69	August 24, 2022
Make Background Image Fixed Where It Doesn't Move On Mobile When Scrolling Through Store Design design , customizations , shopify-themes	1	34	February 17, 2024
Make Background Image Fixed Or Where It Doesn't Move On Mobile When Scrolling Through Store Design	4	62	September 19, 2022
Mobile fixed background image Store Design design , css	2	97	July 31, 2024

Make Background Image Fixed Or Where It Doesn’t Move On Mobile When Scrolling

Related topics