How to add css to keep all VM images in mobile having the same height? - JoomlArt

Forums Joomla Templates Club JA Charity How to add css to keep all VM images in mobile having the same height?

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
sky Friend

sky
Join date:
May 2006
Posts:
283
Downloads:
37
Uploads:
2

Thanked:

1 times in 1 posts

April 18, 2017 at 4:03 am #1027071

How to add css to keep all images in mobile having the same height?
Pankaj Sharma Moderator

Pankaj Sharma
Join date:
February 2015
Posts:
24589
Downloads:
144
Uploads:
202

Thanks:

127

Thanked:

4196 times in 4019 posts
April 18, 2017 at 4:08 am #1027075
Hi
Images are using 100% width and the height is auto.
If you will add a min-height it will also effect the width of images.
You can try below code in custom.css file to test this
```
@media(max-width:468px) {.com_virtuemart div[class*="-view"] .row .vm-col .browseProductImage
{min-height:60px!important;}
}
```
Regards
sky Friend

sky
Join date:
May 2006
Posts:
283
Downloads:
37
Uploads:
2

Thanked:

1 times in 1 posts

April 18, 2017 at 4:18 am #1027078

This reply has been marked as private.

Pankaj Sharma Moderator

Pankaj Sharma
Join date:
February 2015
Posts:
24589
Downloads:
144
Uploads:
202

Thanks:

127

Thanked:

4196 times in 4019 posts

April 18, 2017 at 4:26 am #1027079

Hi
I am sorry my mistake, please replace min-height to max-height and it will work.

Regards
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 3 replies, has 2 voices, and was last updated by Pankaj Sharma 7 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum