[Ianworsley]

Hi, just updated my blog from Graphene theme to Adventurous.
Great theme design really impressed so far apart from an image scaling issue in Internet Explorer and to a lesser extent Edge. Images within posts scale as expected on Chrome however in IE they don’t leading to the r-h menu to disappear behind the image on lower resolution screens. In Edge the images scale reasonably well but not to the same extent as Chrome. Blog is naturalbornblogger.co.uk. Easy to replicate issue by adjusting window size on the relevant browsers.
I’ll be really grateful for any advice. Many thanks.

[Mahesh]

Hi @ianworsley,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#content .post img {
    width: 100%;
}

Let me know if this fixes your issue.

Regards,
Mahesh

[Ianworsley]

Hi thanks for the advice. Unfortunately the custom css hasn’t made any difference.

[Mahesh]

Hi @ianworsley,

There is a little issue in the Custom CSS you’ve added. The CSS you’ve added is
#content. post img {width:100%}#content. post img {width:100%}
This won’t work, it must be like the following:

#content .post img {
    width: 100%;
}

Please replace the CSS and let me know if the issue persist.

Regards,
Mahesh

[Ianworsley]

Thanks Mahesh. It’s worked. Keep up the good work it’s a great theme.

[Author]

Posts