CODEWITHSUNDEEP
htmlcssipad
Scully
Scully

Reputation: 1058

Top border not extending full width on iPad?

My page's body has a 15px border on the top.

On the iPad, this border is cut off, leaving white space on the right-hand side.

Screenshot - http://cl.ly/image/0m1V3T2D3A0j

How can I make sure the border extends to the right edge of the viewport on the iPad? I have tried adding width: 100% to the body element, as well as a few other tweaks, and I can't resolve the issue.

Upvotes: 1

Views: 385

Answers (1)

zenkaty
zenkaty

Reputation: 1548

It's because your body content is too wide for the iPad. #all-logos is 1157px wide - iPad resolution is 1024 × 768. That said, if you look at it on an iPad 3, with resolution 2048 × 1536, I would guess it'll work.

You might want to add some conditional formatting for mobile devices.

Upvotes: 1

Related Questions