Responsive Image Resizing on Mobile

I have a site using the paid Figero theme, and the images on the Home page are scaling down automatically just fine when viewed on mobile.

HOWEVER,

On all my other pages, the pictures are showing up at the original resolution, and are way too big on mobile.

How do I get the pictures on the rest of my website (other than just the homepage) to be responsive?

 

Hi,

Greetings from InkThemes,

It would be our pleasure to serve you.

Could you please provide us URL of your website along with some edited screenshot so that we can assist you accordingly?

Thanks & Regards!
Nitin
InkThemes.com

 

Nitin,

The URL is http://bot-camp.com

The main page has images that render fine on mobile devices.

But other pages, such as http://bot-camp.com/locations/, the images don't automatically scale down to fit the screen on mobile devices.

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
.content-main.fullwidth img {
    width: 100% !important;
    height: auto !important;
}
}

Hope it will resolve your issue

Regards!
Praveen
InkThemes.com