Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 4, 2016 at 11:04 pm #607939
    Julie

    Hello!
    I added this code to Quick CSS to adjust the placement of the bottom captions on the full-width easy slider on desktop views so they land in the whitespace in the image used:
    .caption_bottom .slideshow_caption {
    top: 425px !important; left: 350px !important;
    bottom: auto !important;
    }

    Can you help with the correct selector/values to move them so I can see them on mobile views? I have tried adjusting values but nothing seems to bring them into view, maybe I’m missing something?

    Thanks!

    April 5, 2016 at 7:28 am #608090
    Rikard

    Hi Julie,

    You can try adding your code to these media queries:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
/* your tablet code goes here */
}

@media only screen and (max-width: 767px) {
/* your phone code goes here */
}

    Thanks,
    Rikard

    • This reply was modified 8 years ago by Rikard.
    May 6, 2016 at 9:32 pm #628482
    Julie

    Hey Rikard,

    Thanks! Because this is a Featured Large slider (630px tall), the numbers were very different to get the captions into view than what I’m used to (I normally use the Featured (430px tall) size).

    Took some time to figure it out, but I got it.

    Many thanks for your help!

    May 10, 2016 at 3:42 am #629578
    Vinay

    Hi,

    Glad it is sorted :)

    Please feel free to get in touch with us if you have more questions.

    Thank you for using Enfold.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Caption on easy slider mobile views’ is closed to new replies.