Joomla Templates Club 406,261 posts

[jasonconn Friend jasonconnJoin date: February 2016Posts: 32Downloads:104Uploads:5 Thanks: 1]

#1028541

How can I adjust the slideshow image height on responsive view? I want it to be proportionate but nit sure how to do it

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

#1028569

Hi
Your site is in offline mode, can u put it online or share the login info. using private reply.
I will have a look on it.

Regards

[jasonconn Friend jasonconnJoin date: February 2016Posts: 32Downloads:104Uploads:5 Thanks: 1]

#1028630

This reply has been marked as private.

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

#1028657

Hi
the image width is 100% and height is auto.
It will resize with respect to the parent container size.
see this: http://prntscr.com/f0j5jf
If you want to set a max height for the slideshow, add below code in custom.css file

.acm-slideshow .owl-carousel .item .slider-img {
    max-height: 500px;
}

Regards

[jasonconn Friend jasonconnJoin date: February 2016Posts: 32Downloads:104Uploads:5 Thanks: 1]

#1028743

Thanks for the reply. .. But i dont want to resize it for desktop view just mobile?

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

#1028873

Hi
Use below code to apply the above style code only for the mobile view

@media(max-width:468px){
.acm-slideshow .owl-carousel .item .slider-img {
    max-height: 300px;
}}

Regards

[Author]

Posts