Home>Support>Remove background images on mobiles

Remove background images on mobiles

By James Clohessy, 8 years ago. Last reply by James Clohessy, 7 years ago.

Hi Guys,

Thanks for the plugin, works great. Only thing was I wanted to replace the images on mobiles with a plain background, as my sections are quite long and the images get over stretched. Website is: http://idiscover360.com/

I’ve been trying something like this but no luck.

@media (max-width: 680px) {
#pl-519 .panel-grid {
background-image: none;
}
}

Any help would be appreciated.

Thanks!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 5 months ago Alex S
    Hi, I Work Here

    Hi James,

    You’re actually pretty close. The backgrounds are applied to a child of panel grid called panel-row-style. So the following CSS should work:

    @media (max-width: 680px) {
    #pl-519 > .panel-grid > .panel-row-style  {
        background: none !important;
    }
}

    You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 5 months ago Alex S
    Hi, I Work Here

    Hi James,

    It should also be noted that you should consider add a color to that selector also as without the background image it’s white (text) on white (background).

  3. 8 years, 2 months ago Dewi Jones

    Hello,

    I am looking to do the exact same thing on my theme however i cannot determine what #pl-519 corresponds to? would you be able to point me in the right direction?

    Web page is zombiefluff.com should you need it

  4. 8 years, 2 months ago Dewi Jones

    Nevermind sorted thank you! :)

  5. 7 years, 9 months ago James Clohessy

    Thanks that worked, and sorry for the late reply!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More