You can use the one-column layout setting in the customizer and than add some custom CSS to widen the page some more, like I did here.
Hi Sheriziya,
Great Header! Would it be possible for you to share the CSS code you used to expand the width? I’d like to try it… I’m not a coder…
Brad
I’ve used this code:
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
max-width: 1000px;
}
.page-one-column .panel-content .wrap {
max-width: 1000px;
}
@media screen and (min-width: 48em) {
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.navigation.pagination,
body.blog .site-content .page-header,
body.archive .site-content .page-header,
body.search .site-content .page-header {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 1000px;
width: auto;
}
}
The last part is to make sure that the Blog page and Search result page are also truly one-column, instead of having their titles on the left side.
And thanks for your compliment about the header 🙂 It fits perfectly with my story 🙂
@t0nnyh0ang errrr… isn’t your code simply an exact copy of mine? Or am I missing something?
hello Sheriziya
how do you put your social icons in the header please ? Thanks !!
@lisadol I’m using the Ultimate Social Media PLUS plugin. For me it’s excellent 🙂
