- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
Simplest thing would be to edit the image.
But if I do that the blue line won’t be visible so it’s just a black header
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.
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