Turn off slider for mobile

Support
#1

Hoi, I’m trying to turn off the slider for mobile devices. I tried this CSS-doe but it’s not working:

@media (max-width: 767px){
.home .x-flexslider.x-post-slider {
display: none !important;
}
}
Grtz. Karin

#2

Hey Karin,

Thanks for posting in!

The code to hide the post slider should be:

@media(max-width: 767px){
  .home .x-flexslider.x-post-slider {
    display: none;
  }
}

If this isn’t working, then most probably you may have inserted a broken css code which has affected or created a conflict affecting other css codes as well. Please check your css codes and make sure that each block has a proper opening and closing curly brace.

Kindly let us know how it goes.

#3

Thanks for replying. It does’nt work, tried it both on general CSS as on the page itself. Checkt all CSS-codes and can’t find any mistakes.

url https://www.isnogleuker.nl/

#4

Hi Karin,

Thanks for posting the site URL.
Since that is the only content of your section, we can directly hide the entire section. No need for custom CSS. Please inspect the section with the post slider. Then go to Customize tab > HIDE DURING BREAKPOINTS : Choose to hide on the smallest screen icon.

Please visit all your custom CSS. Make sure that all open bracket { have corresponding closing bracket }

Hope this helps.

#5

That did it! Didn’t know about that trick, very handy. Thank you very much.

#6

You’re very welcome, Karin. We’re glad your issue was resolved.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.