How to fix a mobile background image on the Dawn theme?

shilpa_etsy
Shopify Partner
16 0 1

Hello !! Can anyone let me know how to fix the background image of this mobile.

Im using dawn theme

Thank you 🙂 

 

Screenshot 2024-03-25 165351.png

Replies 6 (6)

websensepro
Shopify Partner
1047 146 153

Hi @shilpa_etsy,

Could you please share your store url link?

Thanks

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
shilpa_etsy
Shopify Partner
16 0 1
shilpa_etsy
Shopify Partner
16 0 1

can you please help ?? it's imp

websensepro
Shopify Partner
1047 146 153

Hello @shilpa_etsy,

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code 

 

 

.gradient {
    background: var(--gradient-background);
    background-attachment: fixed;
    background-image: url(/cdn/shop/files/Untitled_design_1.png?v=1711300100);
    background-color: transparent !important;
    background-position: top left !important;
    background-size: 250% !important;
    background-repeat: no-repeat !important;
}

 


Thanks

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
shilpa_etsy
Shopify Partner
16 0 1

Screenshot 2024-03-25 173109.png

Hi thank you !! but there's still this white space at bottom

websensepro
Shopify Partner
1047 146 153
background-size: 300% !important;

Please change this code and marked the solution @shilpa_etsy 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here