Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Responsive Fixed Header with CSS › Reply To: Responsive Fixed Header with CSS

August 29, 2014 at 2:03 pm #181087
Paulie_D
Member

The fixed header can’t be responsive with a fixed width but it’s easy enough to center


#header {
    top: 0px;
    left:50%;
    margin-left: -320px;
    position: fixed;
    background-color: grey;
    width: 640px;
    z-index: 1;
    text-align: center;
    display: block;    
}

http://jsfiddle.net/yrbvw473/5/

For responsiveness, just throw in some media queries