Archived topic
How to make post page single column and change header style
10 replies · Started by Anant on April 2, 2023
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?
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".
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.
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.
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.
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
Hi fernando,
Okay, lets sort this first and then come to header issue.
Shared the login details in private info.
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 :
https://www.screencast.com/t/OMgEmRwtbp5
2. Add this CSS so single posts with no sidebar have a reduced width:
.single-post.no-sidebar #content {
max-width: 840px;
margin: auto;
}Hi David,
This helped, thanks for this.
And I have shared a separate query regarding the header of posts now.
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 :)
Noted :)
