Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 13, 2017 at 3:43 am #732931
    rosewoodva

    Hi,

    I would like to hide the caption on the homepage fullscreen slider when the mobile in vertical (the caption runs off the image), but would like it to show when the phone is horizontal. If that’s not possible, then just to hide it all the time on mobile.

    I tried this support forum: https://kriesi.at/support/topic/full-screen-slider-captions-on-mobile/

    and this code but it didn’t work.

    @media only screen and (max-width: 500px) {
    .avia-fullscreen-slider .slideshow_caption { display: none !important; }
    }

    Any help is appreciated, thanks!
    Deanna

    January 14, 2017 at 6:10 am #733451
    Rikard

    Hey rosewoodva,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home #full_slider_1 .avia-caption-content {
  display:none !important;
}
}

    Best regards,
    Rikard

    January 16, 2017 at 1:07 am #733840
    rosewoodva

    Hi Rikard,

    That worked to hide the caption. I should have said I also want to hide the title on mobile also.

    I would still like the buttons to show.

    Thanks!
    Deanna

    January 16, 2017 at 8:07 am #733932
    Rikard

    Hi Deanna,

    Ok, please try the follow instead:

    @media only screen and (max-width: 767px) {
.home #full_slider_1 .avia-caption-content, .home #full_slider_1 .avia-caption-title {
  display:none !important;
}
}

    Best regards,
    Rikard

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