Public Forums 71,145 posts

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#203073

Because I am using a different system news I have a problem with the images in home page.
If you reduce the screen until a small responsive layout, you get a deformation of thumbnails.

Can I correct or eliminate the images from this layout?

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#556728

If you want to correct the images, add this code to the root/templates/purity_iii/css/custom.css


@media (max-width: 991px)
.mfp-img-left {
width: auto !important;}
}

If you want to hide in mobile/tablet layout


@media (max-width: 991px)
.mfp-img-left {
display: none !important;}
}

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#556954

I tried both but it does not work

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#557091

There is missing “{” at the line
@media (max-width: 991px)
It should be

@media (max-width: 991px){
.mfp-img-left {
width: auto !important;}
}

I tested in your site and it’s working

---

Attachments:

1. 

1 user says Thank You to Eragon H for this useful post

1. marinolab

[Author]

Posts