page width in bootstrap responsive design on iphone

Question

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

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

And it does not seem to help. The site is here: http://themenuengine.com. Any advice would be much appreciated!

Answer 1

Around line 780 of bootstrap-responsive.css:

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

Override that padding with 0 and it will be full-width.

For example:

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