Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 20, 2014 at 6:54 pm #253601
    AprilAdmin

    I would like to not have my slider show on mobile as it cuts off text and is too small to be useful. I found this post asking the same thing but neither of the two sets of css seem to be working – I did put it in my custom css field in my child theme.

    https://kriesi.at/support/topic/can-i-turn-off-the-layer-slider-on-mobile/

    Any ideas? The site is http://www.agoodplacetobe.com

    thanks,
    `a

    April 21, 2014 at 3:10 pm #253828
    Yigit

    Hi indirapril!

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

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

    Cheers!
    Yigit

    June 8, 2017 at 12:37 pm #805547
    seykom

    Hi, I have a similar problem. On mobile it cuts off text and boxes. Now I hide it via css, but I would like to have the picture from the slider still visible. Only without text…

    How can I do this?

    June 8, 2017 at 1:48 pm #805570
    Sarah

    Hi @seykom,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    If you need to put it in Private Content, please open a new thread so that only moderators can see it. If you share it in this thread, the creator of the thread will also see it.

    Best regards,
    Sarah

    June 8, 2017 at 2:45 pm #805579
    seykom

    Sure, http://www.21snacks.com
    t

    June 8, 2017 at 3:51 pm #805616
    Yigit

    Hi,

    Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ :)

    Best regards,
    Yigit

    June 8, 2017 at 4:34 pm #805641
    seykom

    Hi, sorry but I don´t know if this helps me or I don´t know how.

    My homepage isn´t part of the menu. And the slider is already unvisible on mobile. But now there´s a lot of with space, so I would like to place a picture there.

    I`m sorry, but I don´t know what to do :(

    June 9, 2017 at 10:39 am #805992
    Rikard

    Hi,

    So you want to not show the slider for mobile screens? If so, try this in Quick CSS:

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

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.