My store looks amazing on Computer but on Mobile the background is zoomed in and looks very bad

Someone please help me out

Send the URL to your store please…

https://astronotify.com/

Exclusively code will not entirely fix your issue - you need to make an image that is appropriate for mobile devices and create custom code to change it dynamically. This would require hiring a Shopify developer to assist you with proper code.

That said, you can try this simpler fix:

  1. Go to online store > edit code.

  1. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  2. paste this code right above the tag:

This is the best that can be done with code.

In case it suits you, please mark this answer as a solution and give it a like, please!

Thank you.

Regards,
Diego

Yes it is fixed but now theres a new problem. Check it out https://astronotify.com/

  1. What is the problem?
  2. I can’t see, it’s requesting me a password to access the store. What is the password for the store?

You should be able to see it out, I took the password page off

Store is open now but I don’t see what exactly the problem is

The background is stacking on top of each other on mobile, its not just 1 picture

Yep, I’m aware - as mentioned, this is the only thing that can be done with code in your current case.

Ideally you’d not want to have a background image covering the entire website, or it will either:

  1. repeat itself
  2. look small to preserve the aspect ratio leaving the other parts image-less

can you plz help me my desktop is fine but my mobile version is all zoomed in and stuff

heres my website https://magicsponges-1.myshopify.com/

thank you