Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #26707


    From an iphone browser, please see: http://deborahburst.com/2013/07/ (Purchase code hidden if logged out) / I love the theme, and this seems to be the only issue I’m having. I’m using the wide theme, not the boxed theme setting. Everything behaves correctly in a desktop browser, but on iphones, the images aren’t resizing to fit the browser frame.




    I investigated the html code and it seems like you (or wordpress) added a width value to the image code

    <div id="attachment_2705" class="wp-caption aligncenter" style="width: 760px"><a href="http://deborahburst.com/wp-content/uploads/2013/07/ (Purchase code hidden if logged out) .jpg" rel="lightbox[auto_group1]" style="position: relative; overflow: hidden;"><img class="size-full wp-image-2705" alt="Deb and Hoda!" src="http://deborahburst.com/wp-content/uploads/2013/07/ (Purchase code hidden if logged out) .jpg" width="750" height="1000">

    Please remove “style=”width: 760px” and the image will scale properly. Maybe you need to switch to the “HTML” mode of the text editor to find the code.


    I removed the photos and re-added them, from then on it worked beautifully, until I added captions to the photo, that’s when the issue occurs.



    Did you find the

    style="width: 760px"

    code? If yes please try to remove it and check the results…




    No, I have not found it, but then again, I am not that familiar with the back end on wordpress.


    I found this post, where other responsive theme users were having the same issue: http://wordpress.org/support/topic/ (Purchase code hidden if logged out)(Purchase code hidden if logged out)

    I added this CSS code and it fixed the issue: .wp-caption {

    max-width: 96% !important;

    width: auto !important;



    Nevermind, it fixed the issue until you turn the iphone to landscape instead of portrait shape.



    Glad you found a solution. Imo it’s still strange that wp adds a width value to the caption…

    Best regards,



    Hi Tyler,

    I think Peter misunderstood your last comment (or else I did). If it still isn’t working try this:

    .wp-caption {
    width: auto !important;




    That works for portrait orientation on the iphone, but not landscape. I just got this from Kriesi ‏on twitter though:

    @tylerdrew nice catch. I think there is an easy solution for this, will add it to the next update ;)


    It should work for all. I tested it with a few devices (ipad, android phones, iphone emulators) but if Kriesi has something else for it it will get added in regardless.



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

The topic ‘images added to blog post aren't responsive on iphone’ is closed to new replies.