How to only widen header and footer sections in Dawn theme?

Store Design
, , , , ,
1

Im trying to ONLY get the header and footer sections wider only for desktop. This is the code i have and but it widens the whole website. HOw to only widen the heder and footer sections? Thanks

.page-width,
.page-width-desktop {
max-width: 100% !important;
padding-left: 60px !important;
padding-right: 60px !important;
}

2

@xnyjyh - can you please share your page link?

3

Please update the code to this

@media (min-width: 990px) {
.header,
.footer__content-top,
.footer__content-bottom {
max-width: 100% !important;
padding-left: 60px !important;
padding-right: 60px !important;
}
}