Responsive Site Conundrum

  • Resolved reevoslady

    (@reevoslady)


    8 years, 7 months ago

    Hi guys,

    My site is responsive, and I’ve viewed it through Chrome’s device inspector. Works fine. I tested it on my Microsoft Lumia- works fine. I tested it through a third-party website that displays different resolutions in an online environment. Works fine on everything except a Motorola Razr (because I haven’t defined media requests for such a small viewport). And then my partner loaded up the site on his iPhone 4s, and the navbar is all messed up.

    The irony is, the iPhone series are the ones that display perfectly when testing in an online environment. But something is amiss when actually displaying on a device. I had him test it in both Safari and Chrome, and also clear his cache in case that was the issue. No luck.

    This is the site.

Viewing 1 replies (of 1 total)
  • Thread Starter reevoslady

    (@reevoslady)

    8 years, 7 months ago

    Figured it out. In case anyone else has the same difficulty, you need to make sure you’re covering all bases with the display setting. In this case, I needed -webkit-flex, but I added pretty much all available options to make sure it would work on all devices.

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Site Conundrum’ is closed to new replies.