Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 4, 2016 at 10:57 pm #627541
    navindesigns

    Hi,

    My site looks great on desktop but on mobile (iphone 6) the captions on the full screen slider does not look right

    what are my options for the caption text on smaller devices?

    – Is it possible to have a replacement text (less copy)
    – Remove some text?

    Homepage

    Thanks

    May 7, 2016 at 3:37 pm #628618
    navindesigns

    Any update?

    May 8, 2016 at 5:43 am #628793
    Ismael

    Hi,

    Thank you for using Enfold.

    You cannot replace the text but you can hide it or adjust the font size:

    @media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption h2.avia-caption-title {
    font-weight: 400 !important;
    font-size: 11px !important;
}
}

    Best regards,
    Ismael

    May 8, 2016 at 5:45 am #628796
    navindesigns

    thanks

    what is the code to hide it?

    May 9, 2016 at 7:59 am #629060
    Rikard

    Hi,

    Please try this if you want to hide it: 

    @media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption h2.avia-caption-title {
    display:none !important;
}
}

    Best regards,
    Rikard

    June 23, 2016 at 3:16 am #652427
    navindesigns

    That did not work to hide the captions :(

    @media only screen and (max-width: 768px) {
    .responsive #top .slideshow_caption h2.avia-caption-title {
    display:none !important;
    }
    }

    my site

    Homepage

    June 25, 2016 at 7:57 am #653295
    Ismael

    Hi!

    Please use this:

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

    Cheers!
    Ismael

    June 25, 2016 at 4:07 pm #653366
    navindesigns

    Thanks. That works!

    You guys are the best

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full screen slider captions on mobile’ is closed to new replies.