Šířka příspěvku – šířka šablony

Zdravím používám šablonu Twenty Seventeen a pokusil jsem se nastavit aby šablona zobrazovala v plné šířce nejen obrázek a menu nahoře, ale i příspěvek + sidebar. Prostě aby obsah nebyl polovina šířky záhlaví.
nainstaloval jsem si plugin JP Custom CSS, který dělá úpravy za mě. Do něj jsem vložil toto:
.wrap {
/* margin-left: auto; */
/* margin-right: auto; */
max-width: 100%;
/* padding-left: 2em; */
/* padding-right: 2em; */
}

@media screen and (min-width: 30em) {
.wrap {
max-width: 100%;
/* padding-left: 3em; */
/* padding-right: 3em; */
}
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
/*margin-left: auto;*/
/*margin-right: auto;*/
max-width: 100%;
}

@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
max-width: 100%;
}
}

@media screen and (min-width: 48em) {
#secondary {
max-width: 100%;
}
}

Obsah + sidebar se mi rozšířil na šířku záhlaví, ale zůstalo to cca 1:1, takže sidebar je zbytečně široký. Pokud změním hodnotu.
#secondary {
max-width: 100%; na řekněme 20% sidebar se zúží, ale obsah zůstane stejně široký, takže mám na cca půlce šířky stránky příspěvek, pak 30% prostor a následuje 20% šířky sidebar.
Můj dotaz je takový, jak nastavit, aby stránka měla třeba 80% šířku a 20% byl sidebar. Mám pocit jako by tam byly 2 prostory stejně široké a já řeknu, aby obsah měl 100% a tím se mi roztáhne na šířku toho prostoru. V druhém prostoru je sidebar a i když ho zúžím, tak tam zůstane nevyužitý prostor.
Ukázka http://cel78.4fan.cz/