Where you can achieve what your competitors can’t

Different banner images on Mobile & Desktop

For Horizon Theme :

Hide on desktop (show on mobile only) :

@media screen and (min-width: 750px) {
  .hero {
    display: none;
  }
}


@media screen and (min-width: 750px) {
  .hero {
    display: none;
  }
}

Hide on mobile (show on desktop only) :

@media screen and (max-width: 750px) {
  .hero {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .hero {
    display: none;
  }
}

For Dawn Theme :

Hide on desktop (show on mobile only) :

@media screen and (min-width: 750px) {
  .banner {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .banner {
    display: none;
  }
}

Hide on mobile (show on desktop only) :

@media screen and (max-width: 750px) {
  .banner {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .banner {
    display: none;
  }
}