WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
[resolved] 60% Width on iPhone (8 posts)

  1. joshvickerson
    Member
    Posted 1 year ago #

    I'm having an issue where loading my blog on an iPhone results in the home page being about 60% the width of the screen. Opening a post by its read more link leads to a page that is full width. I'm unsure what's causing the problem.

    Here's a screen shot from my iPhone:
    http://cl.ly/image/1t3C1d0C0a3W

    My blog is at http://blog.joshvickerson.com, if further examination is needed. I have no idea if the same thing happens on an Android phone or not.

    [ In relation to http://wordpress.org/support/topic/mobile-display-only-at-half-of-screen?replies=8 ]

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's to do with your flickr photos. How are they inserted?

  3. joshvickerson
    Member
    Posted 1 year ago #

    It was generated by Flickr's API. It inserted the set of images in a div inside the post it looks like...

    Should be able to make the div width 100% and see what happens. Any other suggestions I could try?

  4. joshvickerson
    Member
    Posted 1 year ago #

    Wait, that won't work because it'll screw it up when it's not on mobile... grr.

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you can add CSS to that particular element, use media queries so you can specify the browser's width;

    @media only screen and (max-width : 480px)
     yourFlickrSelector {
      width: 100% !important;
     }
    }

    Mess about with the max-width: 480px; value to your needs.

  6. joshvickerson
    Member
    Posted 1 year ago #

    Yeah, I was thinking something like that after. I'll give it a shot.

  7. joshvickerson
    Member
    Posted 1 year ago #

    Yep, worked like a charm! Thank you :)

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Excellent :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic