Implementing Responsive Images in Minimum Pro

[rdr]

Hi, folks. I'm hoping someone can point me in the right direction.

My web site, RSNStats.com, runs with the StudioPress Minimum Pro theme.

Some of the posts include tables that I place into the text as embedded graphics. Here's a link to an example: http://rsnstats.com/papi-not-only-storyline-of-2016

The trouble for me is that these graphics (and the text that wraps around them) look terrible in mobile environments. The graphics don't scale down and are therefore wildly outsized when viewed on a smart phone, for example.

I know that Minimum Pro is a responsive theme and it does, indeed, resize when my site is viewed on mobile devices (the sidebars move the bottom, for instance, and the menu bar collapses). But the graphics I place in my posts don't resize, leaving the whole experience looking very unprofessional.

Can anyone tell me whether it's possible for my own graphics to exhibit the same responsiveness and, if so, how I can do that?

Thanks very much in advance.

-- Robert

http://rsnstats.com/

[emasai]

I would say use column classes which are built into Genesis to layout your text and images. The columns will stack on mobile and the image should be either be centered or left aligned in the column.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[rdr]

Appreciate the direction, Lynne. I hadn't considered that. I'll give it a go.

Later... And I did. This certainly requires a little more hand coding, but the result is excellent.
Have a look: http://rsnstats.com/papi-not-only-storyline-of-2016 and thanks again.

-- Robert

[Author]

Posts