URGENT !! Change background image size for mobile view, without changing desktop view settings

URGENT !! Change background image size for mobile view, without changing desktop view settings

shilpa_etsy
Shopify Partner
28 0 2

Hello !! 

I urgently need to fix my website, I have added an image of size 1600x800 px to my shopify as my background image. But it is having white space and also the mobile view is not working properly. 

Any suggestion is highly appreciated !! It's really urgent for me ! 

Thank youuuu ! 
God bless ! 

Replies 15 (15)

StevenDunneDev
Shopify Partner
57 14 10

What's your store URL?

If my answer has been helpful to you, please give it a like and accepted solution. I greatly appreciate it 🙂

If you'd like to hire me to solve bigger problems for you, please reach out. I'd love to hear from you
shilpa_etsy
Shopify Partner
28 0 2

oh sorry 

url - https://gleaming-goddess-theme.myshopify.com/
pass - gleaming goddess

StevenDunneDev
Shopify Partner
57 14 10

Thanks just took a quick look and it looks pretty good to me. Could you share a screenshot of the exact problem you're seeing?
Thanks,

Steven

If my answer has been helpful to you, please give it a like and accepted solution. I greatly appreciate it 🙂

If you'd like to hire me to solve bigger problems for you, please reach out. I'd love to hear from you
shilpa_etsy
Shopify Partner
28 0 2

IMG_0804.png

 when I access it from my iPhone, this is what I see

shilpa_etsy
Shopify Partner
28 0 2

can you pleaseeeeeeeeeee help ?

BSS-TekLabs
Shopify Partner
614 174 205

Do you want to fix it like this?

BssTekLabs_0-1718644877709.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
shilpa_etsy
Shopify Partner
28 0 2

yes pleaseeeeeeeeee

BSS-TekLabs
Shopify Partner
614 174 205

Please follow these steps:

step.png

- Then find the base.css file.

- In the base.css file, find the code 'background-repeat: no-repeat !important;' at line 3529 and replace it with the following code: 'background-repeat: round !important;'

- Then press 'Save' to save the code.

- Here is the result you will achieve:

BssTekLabs_0-1718645309217.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
shilpa_etsy
Shopify Partner
28 0 2

IMG_0806.png

 

Heyy !!  It’s not like constant or like one single image it’s breaking in between and it’s not looking good 

BSS-TekLabs
Shopify Partner
614 174 205

You can try replacing the code 'background-size: 100% !important;' with 'background-size: 110% !important;'. It is right above the code mentioned earlier.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
shilpa_etsy
Shopify Partner
28 0 2

not working, unfortunately 😞 
is there any other code for mobile background ?

BSS-TekLabs
Shopify Partner
614 174 205

Do you have any issues with the above code? Could you take a picture of the problem so I can take a look?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
shilpa_etsy
Shopify Partner
28 0 2

same issue, image is not constant, it splits up 

BSS-TekLabs
Shopify Partner
614 174 205

I see it displaying normally. Can you show me where it is split?

BssTekLabs_0-1718646459340.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
shilpa_etsy
Shopify Partner
28 0 2

Right here

IMG_0807.jpeg