Disable Image Background on mobile

Sydney Pro
#1

Hello. I’m currently using images as backgrounds on certain pages and I would like to deactivate it on mobile and leave the background with this color: #005197.
Can I have a css for that? Something to just add the page id’s?

Here’s the example: www.angle4life.com/tile
I’m using SiteOrigin Page Builder and adding the images to the layout. (not the row)
Thank you.

#2

Hi,

Thank you for contacting us. I am happy to help with your queries.

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

    @media only screen and (max-width: 1024px) {
      #panel-763-0-0-0 > .panel-widget-style {
        background-image: none !important;
        background-color: #005197;
      }
    }

Regards,
Kharis
aThemes Support