Header problem

[Marc2412]

Hey guys,

My header is fine on my website here

But once I resize my browser the top bar gets this blue thick line.

Example NORMAL browser without resizing:

http://gyazo.com/e19845700ce034613dbc5b9e98097f17

Example SMALLER WIDTH/RESIZING BROWSER:

http://gyazo.com/53ae69914b976702aa08f9ea7dd9fe98

I don’t want the blue line to get that thick if you know what I mean.

Code:

#header {
  background: url('http://i.gyazo.com/75408b32609006bedda73d669d440423.png');
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}

Thx

[Paulie_D]

Simplest thing would be to edit the image.

[Marc2412]

But if I do that the blue line won’t be visible so it’s just a black header

[Paulie_D]

I didn’t say remove the blue…just edit it until it does what you expect it to do. At the moment the blue area is 50% of the whole image.When it scales are you have asked it to do it reflects that fact.

[Marc2412]

It sort of fixed but when I move away from the homepage I still get this big bar, but if i remove more blue then it won’t show up on the homepage

[Author]

Posts