Background image twitches when scrolling on mobile device

[RainbowSweets]

Hello,

First of all I want to thank this amazing community for the help I have received with every single issue we’ve had while making our new website. 🙏🏼

We are more or less happy with the end result, but we have one issue that we’d like to address. 

The  background image we seems to redraw after scrolling, causing it to flicker after the scroll event completes. This happened both with iphone and Android. Does anyone know how to correct it? 

Website url: https://rainbowsweets.ca

[heddykhalifa]

Hey RainbowSweets, 

Heddy from Gameball here.

Glad to hear the community has been helpful so far. About that background flicker after scrolling, it's often due to the way browsers handle background images on mobile devices. You could try optimizing the image size or using a fixed background position with CSS, which sometimes helps reduce that flickering effect. You might also want to check if adding a small amount of padding or margin to the background element helps. Every site’s a bit different, but experimenting with those tweaks should make a difference. Hope that helps!