beaverbuilder
4/8/2018 - 8:03 PM

Change row background image on mobile view

This snippet is used in the following knowledge base article – https://kb.wpbeaverbuilder.com/article/182-change-row-background-image-on-mobile-view

change-background-img-mobile.css
content_copyfile_download
/* Change background image on mobile view*/
@media (max-width: 767px) {
  .fl-builder-content .ss-changeme > .fl-row-content-wrap  {
    background-image:url(https://www.domain.com/wp-content/uploads/2017/10/mobile-background.jpg);
      background-repeat: no-repeat;
      background-size: cover;
  }
  .fl-builder-content .ss-changeme .fl-bg-video {
      display: none;
      visibility: hidden;
  }
}