Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2018 at 12:03 pm #1015714
    JantienM

    On the homepage of my website http://www.fronikboerderij.nl/nieuw2018/ I have added a full width easy slider. The first slide is a video and has a caption title and text. I have added a fallback image for mobile screens. On the fallback image only I want the caption TEXT not to appear.

    I tried with following code, but no effect:

    @media only screen and (max-width: 768px) {
    div#full_slider_1 .slideshow_caption .page-id-2 {
    display: none !important; }}

    Could pls you help me out?

    Thanks a lot

    September 29, 2018 at 3:48 pm #1016066
    Victoria

    Hey JantienM,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .av-mobile-fallback-image .av-slideshow-caption {
    display: none;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 1, 2018 at 12:58 pm #1016608
    JantienM

    Hi Victoria,

    I changed it into:

    .av-mobile-fallback-image .av-slideshow-caption .avia-caption-content {
    display: none;
    }

    That way de title is still visible and only the subheader is not visible.

    Thanks a lot!

    Topic can be closed.

    October 1, 2018 at 2:08 pm #1016632
    Rikard

    Hi,

    Great, glad you came up with a solution and thanks for sharing. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove caption on fallback image only’ is closed to new replies.