one column not working properly? Blog Page acts like there are 2 columns

Since this is new information I found I thought I’d rather add it in a new post in this topic, rather than adjusting the OP.
Okay, I dug a little deeper and found that the blog page for some reason uses .page-header instead of entry header for the title page.
Apparently when you set the settings in the customizer to use one column instead of two columns, this is not recognized by the system and the one-column setting for the blog page is ignored.

Changing the css NOT to display the pageheader, only hides the text, but does nothing of course for removing the column.

So… how do I solve this? Do I really need to make a childtheme for something that looks rather like a bug than normal page behaviour?
Also, I think the blog page should behave, for the column settings at least, like any normal page and have the page title as an entry header instead.

ETA: I just found this closed ticket:
Twenty Seventeen: Incorrect $content_width
I’ve got the feeling this problem is linked to that one. Can I simply comment on that ticket?

• This reply was modified 7 years, 9 months ago by Sheriziya. Reason: asked the question how to solve this
• This reply was modified 7 years, 9 months ago by Sheriziya. Reason: Found core ticket that seems related

Hey there – I think the patch for this issue was included in version 1.1. Could you try updating to the latest version of Twenty Seventeen and confirm that the issue is fixed? Thanks.

Already done that and unfortunately it’s not solved the problem :(. And as I just discovered it’s not only the blog page, but also the Search results page. I’ll adjust the ticket I created about that 5 days ago.

Looking closer, I don’t think this is related to that Trac ticket.

Examining your blog and search-results pages, I see that you’ve hidden the page headers with custom CSS:

.page-header {
    display: none;
}

The result is that the page looks a little lopsided now, since the content is meant to be 1000px wide.

Here’s what the blog page is supposed to look like with the page title displayed:

Since you’d like to remove the title, you’ll need to re-centre the content so the page looks more balanced.

Give this a try in your custom CSS to centre your narrower, title-less content on those pages:

.blog .content-area, .search .content-area {
  max-width: 740px;
}

Let me know how it goes.

I’m using that code because I want the title “Blog” on top of the page, like with all the other pages. It’s supposed to be a one-column page, like “Author”, “Contact” etc. I used the code to see if it would make the page act like a proper one-column, but it doesn’t.

Why is the blog page a two-column page, while normal pages (except for search results) are all one-column pages as I set it in the customizer???? I don’t get it.

Why is the blog page a two-column page, while normal pages (except for search results) are all one-column pages as I set it in the customizer???? I don’t get it.

The page title is floated to the left on the blog and search results pages, but that doesn’t count as a content column. I do understand the confusion, though!

Laurel, one of the creators of Twenty Seventeen, helped me with this custom CSS for you:

@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: 740px;
        width: auto;
    }
}

You can also try un-hiding the .page-header element as well, by removing your earlier display: none CSS. The above CSS assumes you don’t have any Sidebar widgets, which it looks like you don’t. Let me know how it goes.

Perfect! That code fixed it ??

The un-hiding of .page-header, like you suggested, wouldn’t work. When you display the title without the code as suggested by Laurel, the title of the blog page would be on the left, as if the page was set to two columns, exactly as you see in the picture you posted earlier. But that was exactly wrong. After all, the blog page was supposed to have, like all other pages, only 1 column, and thus the page title is supposed to have its title on top with the posts displayed in a single column, like it is now with the code from Laurel.

Thanks for fixing this!

Glad that did the trick! And right – I was only suggesting un-hidng the page header in conjunction with Laurel’s code. I just wasn’t sure if you wanted the title to appear at all or not.

Glad things are looking more the way you wanted now. I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

I cant seem to even get the option for 1 column i have static page selected.

rbadtke – could you please start a new thread and provide a link to your site so folks can take a look directly?

https://www.ads-software.com/support/theme/twentyseventeen#new-topic-0