dawn theme - rich text background image blurry

DSS5
Explorer
77 0 22

hi guys, by the help from you guys i am able to add rich text background image, which is working great except in my mobile phone, and must be others mobile phones too.

please see screenshot provided. Background image is good/clear in desktop and Shopify mobile view option but not in my own phone, image is blurry. can some one help me this? thanks

URL www. deshoeshop. com 

THNAKS

 

IMG_6953.jpegScreen Shot 2023-09-26 at 6.57.22 pm.pngScreen Shot 2023-09-26 at 6.57.28 pm.png

 

 

Replies 4 (4)

zahid3d29
Shopify Partner
73 5 28

Hello, you may try this css following. Paste the code style.css file or diectly rich text section with <style> code will be here.. </style>

@media only screen and ( max-width: 768px ){
#shopify-section-template--20910929674533__a84f0b9f-b8c6-4b5c-9b8c-098ff8966bb2 .content-container {
    background-size: contain !important;
}
}

  

Need a Shopify developer? Chat on WhatsApp
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip , my code a perfect blend!   ❤️
DSS5
Explorer
77 0 22

thanks but, it is dividing image into 2 parts. please check screen shot below.

 

IMG_6954.PNG

zahid3d29
Shopify Partner
73 5 28

sorry, though it was there already.  You can try to update the code by following.

@media only screen and ( max-width: 768px ){
#shopify-section-template--20910929674533__a84f0b9f-b8c6-4b5c-9b8c-098ff8966bb2 .content-container {
    background-size: contain !important;
    background-repeat: no-repeat;
}
}
Need a Shopify developer? Chat on WhatsApp
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip , my code a perfect blend!   ❤️
DSS5
Explorer
77 0 22

sorry mate but now mobile view is all black, as below screenshot. thanks for help.

 

IMG_6955.PNG