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

[shilpa_etsy]

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 !

[StevenDunneDev]

What’s your store URL?

[shilpa_etsy]

oh sorry

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

[StevenDunneDev]

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

[shilpa_etsy]

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

[shilpa_etsy]

can you pleaseeeeeeeeeee help ?

[BSS-TekLabs]

Do you want to fix it like this?

[BSS-TekLabs]

Please follow these steps:

• 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:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[shilpa_etsy]

yes pleaseeeeeeeeee

[shilpa_etsy]

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

[BSS-TekLabs]

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

[shilpa_etsy]

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

[BSS-TekLabs]

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

[shilpa_etsy]

same issue, image is not constant, it splits up

[BSS-TekLabs]

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

[shilpa_etsy]

Right here