Docs

[islandowl]

I like having the post carousel functional on regular websites. But for mobile devices I would rather it not show up because it takes up too much screen real estate. Can you please tell me what code I would need to add to accomplish that?

If I set the image # to 0 it causes the post carousel to show up as a blank space on mobile devices. It does not exclude it.

website: DancingUpsideDown.com

Thanks!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width:480px){
ul.x-post-carousel.unstyled.slick-initialized.slick-slider {
    display: none;
}
}

Hope that helps.

[islandowl]

That does not seem to work.

However, I think I may have also changed my mind and want to leave the post carousel on for mobile devices. In fact, I may even want to go the opposite direction and have it turned on for mobile devices and off for computers.

Would it be possible to put the post carousel on a different page instead of the home page?

Thank you!

[Christopher]

Hi there,

Please clear cache and check again, the code should work.

If you want to hide it on desktop, update previous code to :

@media (min-width:480px){
ul.x-post-carousel.unstyled.slick-initialized.slick-slider {
    display: none !important;
}
}

To hide carousel on home page add this code as well :

.home ul.x-post-carousel.unstyled.slick-initialized.slick-slider {
    display: none !important;
}

Hope it helps.

[islandowl]

Thanks You!!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts