All things Shopify and commerce
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
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;
}
}
thanks but, it is dividing image into 2 parts. please check screen shot below.
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;
}
}
sorry mate but now mobile view is all black, as below screenshot. thanks for help.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025