Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 24, 2017 at 3:31 pm #829030
    Fotokite

    Hello,
    Is there a way to hide a full-width easy slider for one page only and only on mobile devices?
    I would like to create an alternate version of our homepage for a mobile device because the homepage contains a fullwidth easy slider that automatically plays a video. This video is of course hidden on mobile devices. I have managed to create a mobile test homepage that has an alternate way to watch this same video but I am unable to hide the layer slide, which on mobile devices appears as a still image.
    Links below.
    Thank you,

    Emma

    July 24, 2017 at 4:13 pm #829036
    tjswarbs78

    Hi,

    You can turn on custom css on the ALB
    You can then use a media query to hide the element on mobile.

    @media screen and (max-width:480px){
.page-id-xxxx .custom-class{display:none;}
}

    If you post a link to the page it’ll be easier to give exact css

    Thanks

    Tim

    July 24, 2017 at 4:20 pm #829043
    Fotokite
    This reply has been marked as private.
    July 24, 2017 at 4:50 pm #829061
    Jordan Shannon

    Hi,

    You would want the following:

    @media screen and (max-width:767px){
    .page-id-4175 .custom-class{display:none;}
    }

    Best regards,
    Jordan Shannon

    July 24, 2017 at 4:51 pm #829063
    Jordan Shannon

    Hey tjswarbs78,

    Thanks for your help on this.

    Best regards,
    Jordan Shannon

    July 26, 2017 at 11:57 am #830120
    Fotokite

    Hi tjswarbs78 and Jordan – thanks for your help!!

    July 26, 2017 at 3:28 pm #830187
    Sarah

    Hi Emma,

    We’re glad that Tim and Jordan were able to help you. Do you need further assistance with this topic?

    Best regards,
    Sarah

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