Странное свободное пространство справа (при увеличении или на мобильных устройствах)

Question

Я создаю свой сайт в течение нескольких месяцев и недавно столкнулся с проблемой, от которой я не могу избавиться.

Я не понимаю, почему я вижу белую рамку (похоже на неуместную ширину или значение заполнения) справа от моего сайта, после увеличения или использования мобильного устройства с шириной менее 975 пикселей, это основное значение ширины моего сайта. Я хочу, чтобы основной контейнер содержимого, верхний и нижний колонтитулы оставались прямо в центре страницы даже после увеличения. Я что-то пропустил? Как мне переписать мой css? Я был бы признателен, если бы кто-то мог мне помочь!

• сайт: http://www.ansgarscheffold.com
• CSS: http://www.ansgarscheffold.com/wp_dir/wp-content/themes/wp-framework/library/media/layouts/2col-r.css

С уважением & спасибо за помощь!

Answer 1

Проблема ваш заголовок ширина класс, сделать его ширина: 100%, и все прекрасно

.header { 
width: 100%; 
height: 250px; 
background: url(http://www.ansgarscheffold.com/img/ansgar_scheffold_drawing.jpg) no-repeat; 
position: relative; 
background-position-x: 60px; 
} 

Answer 2

Я думаю, что эта линия вызывает проблему:

<ul class="nav-list" style="float: none; width: 25em;"> 

width:25em; переполнен.

Answer 3

Несколько вещей вызывают проблему, насколько я могу судить. Вы должны добавить max-width: 100% в .container также удалить float: right; и width: 400px от .nav, так как это вызывает переполнение.