Question: i am building my website for few months now and recently faced an issue, i can't get rid of.

I don't understand why i see a white border (seems like a misplaced width or padding value) on the right of my website, after zooming in / or using a mobile device with width less than '975px', as this is the main width value of my website.
I want the main container of the content, header and footer to stay right in the center of the page even after zooming in. Did i miss something? How do i need to rewrite my css? I would appreciate if someone could help me somehow!

* website: <http://www.ansgarscheffold.com>
* css: <http://www.ansgarscheffold.com/wp_dir/wp-content/themes/wp-framework/library/media/layouts/2col-r.css>

regards & thanks for the help!

Answer: 
The problem is your header class width, make it width:100% and everything is fine

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

```
I think This line is causing a problem:

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

```

`width:25em;` is overflowing.