This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

1
  1. Andrew Misplon Staff 10 years, 10 months ago

    Hi Wattech

    Try the following under Appearance > Custom CSS:

    .video-desktop { display: none; }
@media (min-width:680px) {
.video-desktop { display: block; }
}
.video-mobile { display: none; }
@media (max-width:680px) {
.video-mobile { display: block; }
}

    And the following in your page in the Text tab or in Page Builder in a Visual Editor widget in it’s Text tab:

    <div class="video-desktop">
[metaslider id=18]
</div>
<div class="video-mobile">
[metaslider id=1123]
</div>

    To get it working right away just swap my shortcodes out for yours. Under Appearance > Custom CSS hopefully those breakpoints make sense to you, make adjustments there as required.

    Hope that helps :)

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.

Have a different question or issue?

Start New Thread