[Solved] Captions on mobile devices

On small screen, captions are not well readable: this topic has been discussed here talking about Slideshow CK.

Trying to apply the solution proposed by Cedric, I created a new theme (called swg), I modified the carouselck.css file of the swg theme and then I chose the swg theme from the Menu theme option.

But I discovered that captions are still controlled by the default theme.

Anyway, the workaround to hide captions on small screen without modifying the original default carouselck.css file was simple. I just had to add the correct rules in the additional CSS file I use to modify the layout of my site.

Here the rule I used:

@media (max-width: 480px) {
.carouselck_caption {
visibility: hidden !important;
} /* No captions on smartphone */
}

Obviously, you can repeat this rule for other resolutions.

Since maybe this could be useful for other people, I share it.

thank you for sharing