Remove background image on mobile

Is there a way to remove the background image all together on mobile?

No matter what I try it will not display correctly (see other thread here) Zoomed background image on mobile

So out of desperation I would like to just remove the image on mobile all together.

Thank you!

Hello there,

Try adding this code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 800px) {
  body{
    background-size: 100% !important;
    background-repeat: repeat-y !important;
  }
}

Or, to completely remove it, use this code:

@media only screen and (max-width: 800px) {
  body{
    background-image: none !important;    
  }
}

Regards,
Kharis

I used the second code to remove it all together. The first bit shrunk it down but then it repeated and looked bad. Too bad it wouldn’t just work and scale properly :frowning: It’s better now though and not zoomed so this will work. Thank you!

Great!

You’re welcome! Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis