iPad render issue – whitespace to right

  • Having trouble with iPad and iPhone rendering on this site: https://www.primesourcestaffing.com

    The content on the right is not fully showing, and there is whitespace instead of the intended content.

    I inherited this site that had lots of customizations from the original template files. I’m pretty sure a change to the css is causing it to not render properly, but I can’t seem to find it!

    If anyone is will to take look and give a hand, I would so appreciate it!

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You have multiple widths set to 990 pixels on HTML elements, without using Media Queries. As standard result, your website is not device-compatible.

    Thread Starter wtechrbr

    (@wtechrbr)

    Thanks so much for your so quick response.

    From my brief search, this looks like in can just be added into the css. Any tips you have would be appreciated. I’ll get started playing around with it.

    Thanks again!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I came across loads of HTML elements in the footer (others elsewhere but haven’t mentioned). It’s probably better if you explore this through a browser developer tool like the one built-in to Google Chrome, to understand the underlying CSS.

    Thread Starter wtechrbr

    (@wtechrbr)

    Will do – thanks again. I have used Firebug, but at first glance it does look like the chrome tool might have some additional features that could be even more helpful. I appreciate the tip!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘iPad render issue – whitespace to right’ is closed to new replies.

Tags