Full Page ?

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 ??