photo instead of video for small screens

fabridelo

Hello

I would like the picture to appear in place of the video when I look my site on small screens.
In Slideshow Settings there is a picture but how do you show it when you see the site on a small screen?
Is it possible to do it?
or is there another way?

Thank you

aman204

fabridelo I would like the picture to appear in place of the video when I look my site on small screens.

For this specific workaround, You may try the following CSS as outlined below and add the same to custom.css file

@media (max-width: 502px) {
.owl-carousel .owl-item .video-wrap iframe{display:none !important; }
.acm-slideshow .owl-carousel .item #video-bg{background: url(/joomlart/ja-donate/images/joomlart/slideshow/item-2.jpg);}
  }

Thereafter, Replace the background image path accordingly

Kindly ensure to clear your browser cache if changes dont reflect.

fabridelo

Thank you

Work perfect!!!

Best Regards