[resolved] iPhone stacking my divs (5 posts)

  1. pepperstreetuk
    Posted 3 years ago #

    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?

    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?

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


  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Try disabling plugins to find whether any are responsible.

  3. Michael
    Forum Moderator
    Posted 3 years 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
    Posted 3 years ago #


    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
    Posted 3 years 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