Tagged: easy slider
This is my first experience with Enfold, and so far I am hooked.
Using Easy Slider, what is the best way to remove captions when viewed on a mobile device? When viewing site on my iPhone, the captions are too large for the area and I think it would be best to just remove them on a mobile device 480 wide or smaller.
Looks like putting some CSS in the options might fix it.
I did a forum search and found this code, but it did not work for me when placed in Theme Options–>General Options–>Logo Area:
@media only screen and (max-width: 480px) {
.avia-caption { display: none !important; }}
What am I missing? Is there a better way to do this?
Thanks!
Hey etcgraph1!
For the easy slider captions that code should be working I think. Are you placing it in the Quick CSS field? Send us a link to your page and we’ll take a look.
If your using a caching plugin then be sure to refresh it’s cache.
Cheers!
Elliott
Hi,
Can you please hand us a WordPress administrator account? post it here as a private reply.
Regards,
Josue
Hey!
You can remove the plugin cache on Settings > WP Super Cache > Delete Cached Pages panel. Please check it now: http://personalhistorystories.com/
This the code in the Quick CSS field:
@media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption {
display: none !important;
}}
Cheers!
Ismael