Why does my site's background image distort on mobile view?

Store Design
, ,
1

Hi Everyone,

I create a background image on my site, there is no problem on desktop, but when I switch to mobile, the background is completely distorted. Is there any solution for this?
Thanks for your help in advance!

Theme: Motion theme v8.30 1

2

Hey @ddn24 ,

Can you share the link to your store?

3

Hi @ddn24 ,

To address the issue of distorted background images on mobile devices in your Motion theme, you can try the following solutions:

@media only screen and (max-width: 768px) {
    .your-background-class {
        background-size: cover;
        background-position: center;
        /* Add any other necessary adjustments */
    }
}

Thank you

4

In which file or any section of any file should I write this code?

Thank you!