Dawn 5.0 Image as background working on Desktop but not on Mobile

Store Design
1

I have set an image for the background. It is working in desktop, but not on mobile. How do I get the image to appear as the background in mobile as well?

In base.css;

#MainContent {
background: transparent !important;
}
body.gradient {
background: url(“//cdn.shopify.com/s/files/1/0598/7670/4396/t/10/assets/glitter.png?v=1654902442”) no-repeat center center fixed !important;
background-size: cover !important;
}
.gradient {
background: transparent !important;
}

Thank you!

2

@Smiley1311 - can you please share your website link?

3

@suyash1 Website link is whiteopulence.myshopify.com password; enter

4

@Smiley1311 - actually this code is bundled into media query and hence not showing on mobile, add this css to the very end of your base.css file and check, should look like screenshot below

body.gradient {
background: url(//cdn.shopify.com/s/files/1/0621/4175/9679/t/3/assets/glitter.png?v=1654694867) no-repeat center center fixed!important;
background-size: cover!important;
}

suyash1_0-1655097428718.png
suyash1_0-1655097428718.png1366×768 280 KB

5

@suyash1 Thank you! works great!

(I added .gradient { background: transparent !important; } and it made the background transparent like the desktop.

Diane.