Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 16, 2015 at 1:27 am #536253
    conformgroup

    Hi guys,

    I’m trying to enable Josue’s solution as posted here: https://kriesi.at/support/topic/video-fall-back-on-tablet-and-mobile-with-full-width-easy-slider/

    But cant’ seem to get the .custom_slider_mobile to hide on the desktop version.

    I’ve put two sliders elements in their respective classes and added this in Quick CSS:
    .custom_slider_mobile{ display: none; }
    @media only screen and (max-width: 767px) {
    .custom_slider_desktop{ display: none; }
    .custom_slider_mobile{ display: block; }
    }

    Am i missing something?!…. http://www.con-formgroup.com.au

    Thanks for your help in advance!
    Matt

    November 16, 2015 at 5:32 pm #536690
    Yigit

    Hi conformgroup!

    Can you please try changing the first line of code to following one 

    @media only screen and (min-width: 768px) {
.custom_slider_mobile{ display: none !important; }}

    Cheers!
    Yigit

    November 18, 2015 at 3:21 am #537777
    conformgroup

    Hi Yigit,

    That didn’t work sorry.

    In the meantime I’ve got a single full width slider with the fallback image for mobile. It all works fine, but on desktop when you click the video it opens the mobile video link instead of pausing the video..

    Is there any way for the slider to only link on the mobile fallback image?

    Cheers

    November 20, 2015 at 1:09 pm #539488
    Andy

    Hi!

    about which video are you talking about? about the animation when scrolling down? when I click on it on desktop it opens a new page (link see in private content), so not sure what you mean.

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.