How to change side menu on post page

Hi there,

In order to make your post pages full width, you’ll need to delete the widgets that are causing the sidebar to appear. From your dashboard, go to Appearance > Widgets. There should be a Search Bar, Recent Posts, Recent Comments, Archives, Categories, and Meta Widget – you will need to delete all of those widgets. Once you do that, you will have full width for your post pages.

Hope this helps.

Thanks!

Thank you, @darnelldibbles. Is there any way to move the side bar over to the right side of the screen?

I am not currently seeing a sidebar on the right side when visiting your site. Were you ale to remove it?

I was able to get the left side bar to go away, but I’m wondering if there is a way to move the sidebar to the right side of the screen. The way that it appears is that right now the sidebar is only on the left, but I’m not sure.

Can you provide a link of a page that has the right sidebar? I checked most pages and still do not see it.

Thanks,

You are correct. The pages do not have the right side bar. I *want* a right side bar.

Doh! Sorry about the constant misread. I had it in my mind you were wanting to eliminate sidebars altogether.

Here is the CSS to move the sidebar to the right:

.pique-sidebar .content-area {
    float: left;
    padding-right: 50px;
}

.pique-sidebar .widget-area {
    float: left;

}

Let me know if it works on your end.

Thanks,

Sorry, it’s been a busy couple of days. I added that clip as custom CSS and it does exactly what I wanted! Thank you!

Ack! When I added the custom CSS in the “Additional CSS” panel of the theme customizations, I got a white bar down the right hand side of the screen. How can I make it so the side bar only shows on “post-like” pages (like https://oath.coach/mindfulness-coaching/ and https://oath.coach/services/) but not on “page” pages, like https://oath.coach/blog/ and https://oath.coach

Is there some magic CSS that I can use or some sort of setting that I’m just missing?

Any help?

@darnelldibbles can you help me figure out how to correct the coding disconnect on the page with the CSS to move the side bar to the right showing a white side border on “main” pages of the theme?

Ah! I was digging some, and the issue that I was having is the padding on the home page.If I change that to 0px, the mystery bar goes away, but the padding also goes away on the post pages. Any way to change this behavior?

Hi –

Yep, so you just need to add a page identifier to the css. This will limit the changes to that particular page.

Which page do you want to remove the padding from?

In particular, I want to remove the padding from HOME.
It seems that the other pages are alright with the full side bar, but I need the home page to not have the padding.

Thank you!

@lizkarkoski Can you help me with adding the page identifier to CSS so that I can not display the sidebar on the HOME page?