Wrapper background for ALL pages is blurry on mobile devices
-
Hi, I have a gradient background (Cover – fixed) on my entire website. Looks great but on mobile devices its like crazy blurry. I read online that its because of the pixels of the newest phones but this sounds ridiculous. >> BTW you can only see the blur on an actual mobile phone. The mobile look on desktop looks normal.
Is there an option to get this gradient in a way that works on mobile? Is there a code to make it sharp? Should i make the gradient background in a specific size to not get blurry on mobile? If so, what size?
I tried all other settings in themesettings> styles and colours> Page packgrounds> Wrapper background for ALL pages. No other option will do, as it fucks up the desktop version..
Please help!
The site is not live yet so lemme know if i need to make an account for u in the backend.
Hello,
It is a known issue on iOS devices with background-attachment: fixed and cover. It is not possible to make it look well on iPhones, unfortunately. You can read more information here https://caniuse.com/background-attachment
Screenshot: https://prnt.sc/10g4072
Kind Regards
.
