Support Forum

Hi there,

Images that the user inserts in the theme and are not part of the theme are not scaled because people want different sizes so I thought it’s not ok to mess with content not related to the theme itself (like featured images or slider images).

Though, it’s easy to fix it. Here’s what to do:

Go to the theme options page > Styling > Custom CSS and add this:

.sd-responsive-img {
height: auto;
max-width: 100%;
}

Save. Done.

Now, simply add this class to your images. This is an example of how the code of the image should look:

<img class="sd-responsive-img" src="your-image-url-here" />

Let me know how’s going.

Cheers!
Chris

Hey,

You can try this alternative too. In the “Custom CSS” box you can paste this:

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

Let me know how’s going.

Cheers!