Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 13, 2014 at 5:40 pm #250777
    D5WDesignGroup

    Hello,

    I would like to be able to show a different Advanced LayerSlider on mobile devices than is shown on the desktop. I have tried the following code as found in the forum:

    @media only screen and (min-width: 768px) { #layer_slider_2 { display: none!important; } }
    @media only screen and (max-width: 767px) { #layer_slider_1 { display: none!important; } }

    I am using the most current update of Enfold but this fix does not seem to be working. Any suggestions?

    Thank You.

    April 14, 2014 at 12:06 am #250811
    Devin

    Hey D5WDesignGroup!

    The css needs to target the layer sliders on your page specifically. So you need to find the ID’s of them by inspecting the site with dev tools.

    I would however caution you from doing this as you are still loading both LayerSlider slideshows into the page for all users.

    Cheers!
    Devin

    April 16, 2014 at 10:35 pm #252322
    D5WDesignGroup

    Thank you, I was able to get it working once i found the correct ID’s.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Swapping Advanced LayerSlider on a mobile device.’ is closed to new replies.