Bootstrap page width responsive design on iphone

Question

I have a responsive design that works well in a wide range of browsers, but the page width is limited on the iPhone. I have already added the viewport meta tag:

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

And that doesn't seem to help. The site is here: http://themenuengine.com . Any advice would be highly appreciated!

Answer 1

Around line 780 bootstrap-responsive.css :

 @media (max-width: 767px) { body { padding-right: 20px; padding-left: 20px; } 

Cancel this add-on with 0 and it will be complete.

For instance:

 @media (max-width: 767px) { body { padding-right: 0 !important; padding-left: 0 !important; } }