iReview Template and Blog Images

[TomH]

With the iReview template and article images (the Intro image and Full Article Image you can insert using the normal article editor) when viewed on mobile devices can result in very little text being displayed beside the image if the viewport width is small. All my intro images (200px wide) and full article images (300px wide) are the same size. See this page for an example:

https://www.reviewchatter.com/blog/retail-stores-face-widespread-shutdowns-as-online-sales-grow

What I would like to do is when, for example the viewport reaches a max width of 500 px, the full article image instead of being floated to the right as normal it becomes center. For the intro images in the blog view this max width would be less.

I understand the concept of the @media in css files but have yet to get it working properly with iReview.

Does anyone have any css I can add to my custom.css file that will fix this problem?

Thanks

 

 

[Alejandro]

This section is only visible with a valid subscription. If you have a valid subscription, please login.

[TomH]

This section is only visible with a valid subscription. If you have a valid subscription, please login.