I have set a linear gradient as a background for the main content but when I look at it on a mobile phone the colours are gone.
This is is code im using for background main content:
.main_color {
background-image: linear-gradient(#FA2B7B, yellow);
background-attachment: fixed;
background-clip: border-box;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: cover;
}
Can you provide me with the a code so the radial colour will remain on lower resolutions??
Hey KeesKaas,
Thank you for the inquiry.
The code is inside a css media query for desktop view, which is why the background is not applied on mobile.
@media only screen and (min-width: 990px) {
}
Make sure to move it outside the css media query.
Best regards,
Ismael
I don’t really understand the part to move it outside the css media query… I added this to the quick css:
@media only screen and (min-width: 990px) {
.main_color {
background-image: linear-gradient(#FA2B7B, yellow);
background-size: cover;
background-attachment: fixed;
}
Unfortunately, the background doesn’t work on mobile devices!
@Ismael i’ve added the login info of my website. Can you take a look at the quick CSS box?