Jump to content
TomH

iReview Template and Blog Images

Recommended Posts

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

 

 

Share this post


Link to post
Alejandro

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

Share this post


Link to post
TomH

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

Share this post


Link to post

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Please refer to our Privacy Policy.