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

ddn24
New Member
4 0 0

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

Replies 3 (3)

ThePrimeWeb
Shopify Partner
2038 591 463

Hey @ddn24,

 

Can you share the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

topnewyork
Navigator
259 27 38

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

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
ddn24
New Member
4 0 0

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

Thank you!