Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 31, 2013 at 11:41 am #24118
    andikleinke

    It’s too small to be of any use anyway, at least with my design. Would be happy if the slider only shows on desktop and tablet, not on mobile.

    Is that possible?

    Thanks,

    Andy

    May 31, 2013 at 11:53 am #122382
    formateins
    @media only screen and (max-width: 767px) {
    
.responsive #main avia-layerslider {
    
display:none;
    
}
    
}

    Should do the trick… (untested)

    May 31, 2013 at 6:05 pm #122383
    andikleinke

    Thanks formateins, but sadly… no, it didn’t do the trick. The code makes perfect sense to me, but there must be something missing.

    May 31, 2013 at 8:51 pm #122384
    formateins

    Did you put it in Custom CSS field in Enfold setup?

    May 31, 2013 at 10:31 pm #122385
    andikleinke

    Yes, I did. Did you have a chance to test it? Does it work on your end?

    June 1, 2013 at 6:18 am #122386
    Ismael

    Hi,

    formateins code should work. Use this one

    /* All Mobile Sizes (devices and browser) */
    
@media only screen and (max-width: 767px) {
    
.avia-layerslider {
    
display: none !important;
    
}
    
}

    Remove browser cache then reload the page.

    Regards,

    Ismael

    June 1, 2013 at 10:00 am #122387
    andikleinke

    That worked! :) Thanks so much.

    I’m a 90% happy bunny. If we could fix this other issue I’m seeing (https://kriesi.at/support/topic/menu-broken-in-responsive-mode), it would be 100%. :) I have a feeling the solution to that one is similar…?

    Dankeschön & servus,

    Andy

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Can I turn off the layer slider on mobile?’ is closed to new replies.