Animated Shopify Background on Mobile

ayert32
Visitor
3 0 0

On the Theme Editor platform, the mobile & desktop layout looks perfect. But when I pull up the site on my actual mobile device, the gif background (code added at the very bottom of assets>base.css) is not there. Here is the code I used:

 

.gradient {
background-image: url(https://i.gifer.com/NTHO.gif) !important; 
background-size: cover; !important;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}

 

This is the only additional code I added and am using the "Dawn" theme. Any help would be appreciated! 

Thanks in advance!

Replies 5 (5)

dmwwebartisan
Shopify Partner
12267 2545 3688

@ayert32 

Please share your store URL and share the screenshot of what you want!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ayert32
Visitor
3 0 0

Store URL: https://evidentthelabel.com/

*note: if you view the link on a desktop you will notice a dynamic background, but on a phone, the dynamic background does not appear and it is instead a black background. I am trying to figure out how to have the dynamic background appear for both desktop and mobile. Here is what I would like mobile to look like. Thanks!

Screen Shot 2023-08-07 at 10.14.58 AM.png

 

ayert32
Visitor
3 0 0

@dmwwebartisan apologies, forgot to add your tag on this! 

Hanna503
New Member
8 0 0

Hi,

saw ur website looks beautiful may I ask how u fixed this I’m having the same issue 

Hanna503
New Member
8 0 0