[Resolved] How to make post page single column and change header style

[Anant]

Hi Team,

I am looking to make the posts and pages of my site single column except the homepage as it provides a better reading experience.

I tried changing the element of “Post page hero” by creating a duplicate one with changes but was unable to do so.

I have shared an example of layout what I am looking to achieve in private information along with the page where I am testing it on.

Can you please help with this?

[Fernando]

Hi Anant,

If you want to disable the sidebar, go to Appearance > Customize > Layout > Sidebars, and disable it from there. Reference: https://docs.generatepress.com/article/sidebar-layout-overview/

Removing the sidebar should turn pages/posts into “single column”.

[Anant]

Hi Fernando, I did that but it didn’t help.

I mean the sidebar was removed but the content section isn’t center aligned to give a proper single column view. I have implemented this on the “monopoly stocks” link shared in private info earlier.

Also, how do I fix the header section as per the benchmarked page. Editing post page hero element didn’t work out well.

[Fernando]

The space for the sidebar is still there even though it’s been removed. Can you try clearing all caching mechanisms you have?

If that doesn’t work, try disabling all caching/optimization plugins you have.

[Anant]

Hey fernando,

I have done the same but still no change.

Also awaiting your help on the other part of the issue related to header of page.

[Fernando]

Let’s tackle the single column issue first. Or, if you want, you can open a new topic regarding the other inquiry.

So we can take a closer look at your setup, can you share admin login credentials?

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Anant]

Hi fernando,

Okay, lets sort this first and then come to header issue.
Shared the login details in private info.

[David]

Hi there,

please raise a separate topic for the header and we can address that separately.

1 . you need to edit the post to set :

2. Add this CSS so single posts with no sidebar have a reduced width:

.single-post.no-sidebar #content {
    max-width: 840px;
    margin: auto;
}

[Anant]

Hi David,

This helped, thanks for this.

And I have shared a separate query regarding the header of posts now.

[David]

Glad to be of help.

As a note: Separating topics that are unrelated, make it all round easier for everyone to support, and we can handle both at the same time then 🙂

[Anant]

Noted 🙂

[Author]

Posts