How can I adjust my website's mobile background image?

I finally managed to do my background on my website and it looks like this:

However on mobile it looks like this:

I know that the image is too big for mobile but I am still curious if there is a decent solution for this problem.

I would appreciate your help a lot.

Hello, In this case you have to upload mobile fitted image. Current one is too wide which couldn’t fit on screen. To add another image for mobile add below css to your files.

Go to theme files > Open css file from assets [theme.css or main.css or may be base.css] and paste below code to bottom of the file.

Replace the url to your image url.


Hello,

Please send me your store Url Then I will give you Best solution For your Store

https://gadget-daddy.com/

thank you

This was solved. Check my other posts if you are interest in the solution.