WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] iPhone stacking my divs (5 posts)

  1. pepperstreetuk
    Member
    Posted 1 year ago #

    Hi
    I have a website http://pitchandco.com/staging/index.php/work/brand-guidelines/

    As you can see all the portfolio items line up nicely in a browser, and on the iPad. On the iPhone they are stacking down the page?
    http://www.pepperstreet.co.uk/pitchandco/iphone.png

    Could anyone tell me why? On the iPhone simulators they all show full page and scrolling so it looks fine, on the iPhone is reduced the page and it ends up like this. It's obviously making the images smaller, but it's stacking them? Anyone any ideas?

    Oh on the almost identical page http://pitchandco.com/staging/index.php/work/
    It's not stacking them?
    http://www.pepperstreet.co.uk/pitchandco/iphone2.png

    Any ideas welcome as I don't know much about iPhones.

    Regards
    Helen

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try disabling plugins to find whether any are responsible.

  3. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    is there something like a browser cache with iPhones?

    if, try to clear this.

    apart from the @media query in style.css, are you using any other coding to adapt to handheld devices?

  4. pepperstreetuk
    Member
    Posted 1 year ago #

    Hi

    No I'm not doing anything for handheld devices, I assumed (wrongly) that the page would simply shrink to fit the device screen which is what it does on an iPad.
    I don't want the layout to be any different on an iPhone just a mini version of the full size thing.

    We have cleared the cache. And updated the OS

    :-(

  5. pepperstreetuk
    Member
    Posted 1 year ago #

    Fixed I had to specify a width around the whole div, otherwise for some reason it didn't default to 100% as they do in web browsers? Who would know.

Topic Closed

This topic has been closed to new replies.

About this Topic