Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 13, 2016 at 3:31 pm #698794
    IconicD

    Need to display one version of a full-width easy slider for desktop which is hidden on mobile and a mobile full-width slider which is hidden on desktops.

    Would adding the following CSS do the trick?

    #full_slider_2{ display: none; }
    @media only screen and (max-width: 479px) {
    #full_slider_2 { display: block !important; }
    }
    @media only screen and (max-width: 767px) {
    #full_slider_1 { display: none; }}

    Please let me know!
    Cheers

    October 13, 2016 at 3:32 pm #698799
    Yigit

    Hi IconicD!

    Yes, that would help. Also, you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and give elements you would like to hide/display on certain devices a custom class so it would be easier to target them.

    Regards,
    Yigit

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