How can I fix a super zoomed background image on mobile?

Technical Q&A
1

So the background image on desktop is perfect but on mobile, it is super zoomed. I need help to fix this, please.

https://growingtotboutique.com/?key=7a9af36da6276a9277f7ca380333c6fcb9843338f0dae5269b6f112587e2a7ed

PW is GrowingTOT2020

SS of the way it looks on cell phone

IMG_1119.PNG
IMG_1119.PNG828×1792 263 KB

2

Hello, @growingtotshop

Welcome to the Shopify Community.

Which background?

3

The mobile background looks huge compared to the desktop version.

4

@growingtotshop

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 450px) {
#growing-tot-boutique {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
}