Having trouble with header to extend past screen original width

[heiikee]

Hi,

I am trying to design a layout for my big cartel website. I am not an expert web designer but I do know a thing or two.

The issue I am having is getting the header to extend past the current screen resolution. Please take a look at the images I attached to get a better understanding.

http://saphrashoes.webs.com/practice/headerissue1.png
http://saphrashoes.webs.com/practice/ipadissue.png

here is a link to the demo website:
http://saphrashoes.webs.com/practice/official3.html

I have tried EVERYTHING! and scoured the internet for all day trying to find a solution but nothing seems to work for me. I am just a beginner so maybe there is something I am missing in my css code that I didnt notice before.

I would like to add: my css is a bit inconsistant.. the way I coded it is the way I learned it :)

[heiikee]

my logo is supposed to be there. I just added it.

[heiikee]

any help would be appreciated greatly…

[TheDoc]

You can start by trying to fix your 35 errors.

[heiikee]

@TheDoc, I will try to fix those tonight thx.

@knittingfrenzy18, I am using chrome as well but when I shrink the screen or if the screen is a smaller resolution (like on an ipad/iphone) you notice it.

[Author]

Posts