I posted this yesterday under Design Help and realized it’s really a bug issue (also haven’t gotten feedback yet on the other thread either)
Myy website looks nice on Desktop and tablet it is having some trouble translating to mobile.
I have a CSS gradient in the desktop version that was repeating in mobile when scrolling which looked really bad. I thought maybe if I make the gradient in photoshop and then drop it in as a background image set to cover and fixed (with no tiling) that this would help. I figured the background would fit a phone size and then you could scroll through the content while the background remained fixed.
What I found instead is that as you scroll down you scroll PAST the background into white space. This looks even worse than a repeating CSS gradient.
This seems to be a bug as the phone preview in the webflow editor looks like the way I want it to look on a phone experience, but it doesn’t look that way on an actual phone. I’ve tried multiple different mobile browsers on my android and the background doesn’t truly seem to stay fixed (you scroll past it into white space)
Here’s the site: