Using CSS tricks full width on mobile phones

Question

Is there anyway to apply this method from Chris Coyier to mobile phones: http://css-tricks.com/full-browser-width-bars/

I applied

html {overflow-x: hidden;}

To get rid of the horizontal scrollbar, but when viewing on an iphone for instance. There is a horizontal scrollbar.

You can view the site here: http://www.revival.tv/turningpoint/

Answer 1

Try adding <meta name="viewport" content="width=device-width" /> within the head tag of your page.