Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 12, 2014 at 2:58 pm #303223
    mw75

    Hi

    the facts:
    normal fullwidth slideshow with a caption that is animated, centered and framed.
    Now in the mobile viewport there is too many items on the screen and it looks distracting.\
    So I want to get rid of the caption.
    I used the Quick Css section and implemented a media query (which works correctly)
    Neither display:hidden nor display:none work.
    The caption slides in as before.
    Does not work from outside the media query either…

    Any ideas on how to get rid of the caption in only smartphone view?

    Regards
    Marc

    August 13, 2014 at 3:26 pm #303877
    Yigit

    Hey Marc!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    August 13, 2014 at 5:54 pm #303958
    mw75

    Hey Yigit,

    thank you very much for your reply.
    Your approach worked out of the box…

    Best regards,
    Marc

    August 13, 2014 at 6:02 pm #303961
    Yigit

    Hi!

    You are welcome Marc, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to hide animated caption in Slideshow only within media query for mobile’ is closed to new replies.