Turn off carousel on mobile

Support
#1

I use the ethos theme with a carousel at the top. I would like to keep this in desktop mode but have the carousel not display on a mobile phone, is that possible?

#2

Hello @waynepatt58,

Thanks for asking. :slight_smile:

Ohh yes, absolutely. Using media queries you can hide post carousel to hide on mobile devices. Please add following CSS under X > Launch > Options > CSS:

@media screen and (max-width: 500px) {.x-post-carousel.unstyled {display: none;}}

Thanks.

#3

Thank you very much, that worked perfectly. One more question.

Can we do the same with breadcrumbs so they don’t display on mobile screens?

#4

Hi,

Yes, please change code to this.

@media screen and (max-width: 500px) {.x-breadcrumb-wrap,.x-post-carousel.unstyled {display: none;}}

Thanks

#5

Perfect, thanks for the great support. You guys are the best!

#6

You’re most welcome. :slight_smile:

#7

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