sass - Full width header in jekyll? -

in jekyll site content has specific width. understand comes /css/main.scss :

$content-width:    800px; $on-palm:          600px; $on-laptop:        800px; 

i tried using "local" css in order overwrite these. , didn't worked.

also above affects whole content.

is there way make header (/_includes/header.html) full width , keep rest content default-centered width (inherited above)?

in _includes/header.html, change <div class="wrapper"> <div class="wrapper-header">.

in _sass/base.scss add :

.wrapper-header {     padding-right: $spacing-unit;     padding-left: $spacing-unit;     @extend %clearfix;      @include media-query($on-laptop) {         padding-right: $spacing-unit / 2;         padding-left: $spacing-unit / 2;     } }