Left side of site gets cut off in Android www.lukegruber.net

HTML & CSS
1

My website is set up with a container 960px wide.

View website:

http://lukegruber.net

but when I view this site on my android phone, the left is cut off and I cannot pan over to see it.

Any help would be greatly appreciated as I cannot figure it out but I assume it is poor mark-up.

Thanks!

2

Don’t know if this will help, but a much better way to center a page than this:

.container {
  left: 50%;
  margin-left: -480px;
  padding: 0;
  position: absolute;
  width: 960px;
}

is this:

.container {
  margin: 0 auto;
  padding: 0;
  width: 960px;
}

Give that a try and see if it helps. :slight_smile:

3

Try width in em or %

4

As Ralph suggested you should never use that outdated method of centering that you are using because it will slide off the screen and be unreachable for all browsers at small window sizes.

Use the margin:auto method that Ralph suggests.

Try width in em or %

That has no bearing here as it is the absolute centering method that is causing the issue:)