Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #303223

    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

    #303877

    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

    #303958

    Hey Yigit,

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

    Best regards,
    Marc

    #303961

    Hi!

    You are welcome Marc, glad we could help :)

    Best regards,
    Yigit

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.