Education Theme – Featured blog excerpt posts cut off on Iphone

Community Forums Forums Design Tips and Tricks Education Theme – Featured blog excerpt posts cut off on Iphone

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  Jen Baumann 2 years, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #21062

    computerkitten
    Participant

    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

    #21159

    Jen Baumann
    Keymaster

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

    computerkitten
    Participant

    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

    #21549

    computerkitten
    Participant

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

    Thanks!!!

    CK

    #21889

    Jen Baumann
    Keymaster

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.