Question

I’m currently developing an online store.

My client wants it to have a correct appearance on an iPad. The problem is that when it loads in landscape, the website is not centered and displays a “white bar” on it’s right.

I’ve been going around this for a couple of days now, and still haven’t found any solution for this problem. I think this is only a CSS problem but I can’t seem to find it.

Answer 1

Use this meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Or, look at making your site responsive to take into account actual devide widths.