Image Responsiveness

[Francois Zietsman]

Hi, I used the Autocar Theme, used images inside pages but they are not responsive causing the pages to look very bad on a cellphone and tablet. Attached is a screenshot of a cellphone.

A screenshot can be viewed here: http://www.visualweb.co.za/Screenshot.png

Please help fix this as there is no real benefit of having a responsive theme, but images are not responsive.

URL: http://legratron.visualweb.co.za/

Although main images (Logo and Slider) are responsive, images used inside page content are not responsive if you visit the “About” page for example.

Thanks
Francois

[Sonal S Sinha]

Hi Francois,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.alignright, img.alignright { width:40%; float:none; margin:0 auto; display:table;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.alignright, img.alignright { width:25%;}
}

Regards,
Brad

[Francois Zietsman]

Hi Brad

Thanks, it worked perfectly.

Appreciate the quick response and great support.

Kind Regards
Francois

[Sonal S Sinha]

🙂

[Author]

Posts