Joomla Templates Club 406,261 posts

[Gruponea.com Friend Gruponea.comJoin date: March 2014Posts: 89Downloads:350Uploads:11 Thanks: 18 Thanked: 1 times in 1 posts]

#1005602

Hi everyone, how can i make the slideshow image to be responsive?
Hope you can help me, thanks!
url: http://www.fucova.com

Gruponea.com

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1005612

Hi
In which particular device you are facing responsive issue?

[Gruponea.com Friend Gruponea.comJoin date: March 2014Posts: 89Downloads:350Uploads:11 Thanks: 18 Thanked: 1 times in 1 posts]

#1006762

Mobile devices, like smartphones or tablets

Gruponea.com

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1006893

Hi
the image is like this because if it use 100% it does not follow the height style and the will be too small and make blank space above and below it.
You can try this code for test this

@media(max-width:768px){.acm-slideshow .owl-carousel .item .img-header {
  background-size: 100%!important;
  background-repeat:no-repeat;
  background-position: center!important;
}}

[Author]

Posts