[Solved] Captions on mobile devices
- ClaudioRomeo
- Offline Topic Author
- Platinum Member
- Posts: 369
- Thanks: 12
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.
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.
Counselor for better people in a better company
by ClaudioRomeo
The following user(s) said Thank You: ced1870
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Time to create page: 0.770 seconds