Education Theme – Featured blog excerpt posts cut off on Iphone

[computerkittenParticipant Post count: 61]

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 BaumannKeymaster Post count: 269]

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;
}

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[computerkittenParticipant Post count: 61]

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

[computerkittenParticipant Post count: 61]

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

Thanks!!!

CK

[Jen BaumannKeymaster Post count: 269]

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

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[Author]

Posts