Education Theme – Featured blog excerpt posts cut off on Iphone

[computerkitten]

Website built on Education theme.  The Home page has Featured blog excerpt posts that are cut off for the Iphone.  How to correct this?  PLEASE!

Website is here:

http://tinyurl.com/8pxggpv

Any guidance would be appreciated.

Thanks,

CK

[Jen Baumann]

It looks like you have a width here that you'll need to override in the responsive section:

.featuredpage .page, .featuredpost .post {
  border: medium none;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 0 0 15px;
  width: 600px;
}

[computerkitten]

How do I find where the responsive section is that defines that width?  Or how do I override for the responsive section this width of 600px (make it a smaller width, reduce the font size...?).

Thanks!

CK

[computerkitten]

Okay I found different sections for mobile devices but how do I know which one would apply to the Iphone?

Thanks!!!

CK

[Jen Baumann]

I would put it in this one: @media only screen and (max-width: 800px)

[Author]

Posts