reduced size for header

[Thomas]

Thomas

February 7, 2015 at 4:07 am

hi,

I tryed to reduce the header on my site *Login to see link

So I wrote this code:

/* Topbar */
.topclass{
width: 970px;
margin: 0 auto;
background: hsla(240,100%,50%,0.9);
}

/* Header */
.headerclass {
width: 970px;
margin: 0 auto;
background: hsla(240,100%,50%,0.7);
}

The size of the topbar and the header is properly reduced, but if I scroll on a page or post the header is spread to the hole width.
Is there a possability to avoid it?

Regards
Thomas