Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 31, 2019 at 3:08 pm #1123556
    designbasis

    Hi Folks,

    Next question:
    I have a fullscreen-slider with two floating buttons on my customer’s
    homepage (top). How can I make them disappear in the mobile view?
    In the slider settings I can only make the whole slider disappear, but
    I don’t want that. I just want the buttons to disappear. How do I do that?

    Thx for your help!

    Best regards
    Carsten

    August 1, 2019 at 6:29 am #1123765
    Rikard

    Hey Carsten,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .slideshow_align_caption {
  display:none;
}
}

    Best regards,
    Rikard

    August 1, 2019 at 3:12 pm #1123921
    designbasis

    Hi again Rikard,

    thx for your reply! Sorry, but this css-snippet is not working.
    Look at the screenshot. Next try… ;-)

    Best regards
    Carsten

    August 2, 2019 at 6:07 am #1124058
    Rikard

    Hi Carsten,

    It’s applying but not overriding, please try this instead:

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

    Best regards,
    Rikard

    August 2, 2019 at 3:35 pm #1124196
    designbasis

    Hi Rikard,

    thx again…now it’s working…perfect! :-)

    Best regards
    Carsten

    August 2, 2019 at 7:26 pm #1124236
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullscreen-Slider / How can I make the buttons disappear?’ is closed to new replies.