Removing row background image on certain screen sizes

Hi @michelepinnacle

Thanks for reaching out. If you still need a hand with this, please, send a link to the page concerned and let me know which rows we’re working with. Nothing in Page Builder for this right now, we’d need a Custom CSS fix.

Hi, thanks for the reply. I found a way around it so no worries!

Thanks for your help

Awesome ?? Really glad to hear you made progress on this.

All the best with your site.

Hey! I want to hide the background image of a row on a mobile view.

Can anyone help me with this .

Hi. You can edit the row, click Attributes on the right and insert a row class name:

mobile-bg

Then, go to Appearance > Custom CSS (need a Custom CSS plugin like SiteOrigin CSS installed) and insert:

@media (max-width: 680px) {
  .mobile-bg[style] {
    background-image: none !important;
  }
}

Hope that helps.