Почему мобильные браузеры загружают мою страницу полностью увеличенной?

В настоящее время я работаю над сайтом для клиента (работа еще не завершена) и пытаюсь исправить некоторые проблемы с мобильными устройствами на сайт.

Основная проблема, с которой я столкнулся, заключается в том, что мобильные браузеры (android + iphone) загружают сайт полностью увеличенным в верхней левой части сайта. Я бы хотел, чтобы он был уменьшен, чтобы соответствовать всей ширине сайта в области просмотра, независимо от ширины области просмотра.

Сайт можно посмотреть здесь: http://www.graceprep.com

Есть ли простое решение этой проблемы? У меня есть опыт работы с HTML/CSS, но я немного новичок, когда дело доходит до мобильных браузеров.

Вот HTML-код в моем файле header.php, который может быть полезен. Я пытался изменить свойство ширины безрезультатно. Свойство начального масштаба является эффективным, но слишком широким — я бы хотел, чтобы сайт был полностью уменьшен для всех мобильных браузеров, независимо от ориентации или размера экрана.

Есть ли способ сделать это?