Missing Sidebar for Blog Posts?

Support
#1

Hey tech folks,

I’m trying to add a sidebar (right side) with various widgets to my Blog Posts only. But I can’t get it to appear anywhere for the life of me.

But I still can’t resolve the issue, so perhaps I’m missing some CSS code?

I’m sure there’s a very easy and simple solution that I’m totally missing, but my brain just isn’t working lol.

Here’s a blog post on the website: https://www.thecounterstory.com/gift-of-grief .

I’d appreciate your help!

Cheers,

Nathan

1 Like
#2

Hello Nathan,

Thanks for writing in!

Please take a look at solution shared in following thread:

In case sidebar is not showing up, please share login details in secure note for us to take a closer look.

Thanks.

#3

Hi Prasant,

I just tried your suggestions. I see the “Page Settings” function on my Home Page. However, it doesn’t affect my Blog pages or Blog Posts.

I tried changing it to “Layout-content Left, Sidebar Right” when Editing the HomePage.

But still no effect. Doing this simply widens the right & left margins with more white space + centre justifies all the images and text of the Homepage (which I also don’t want).

But there is no effect on the Blog Posts pages.

I don’t even see the Page Settings option at all.

And for the blog posts themselves, all I see are “Post Settings”. I don’t see any “Page Settings” button.

Any other ideas? I will give you my login details via secure note.

Thanks!

-Nathan

#4

Hi Nathan,

Thank you for the credentials, first please navigate to Theme Options > Layout and Design and set the Content Layout to Content Left, Sidebar Right this now will be the general layout of your site content particularly on Single Posts. (this is the setting that you miss)



Then navigate to Theme Options > Blog and set the Blog page Layout and Archives Layout option to Use Global Content Layout, this will force your blog page to use the Content Left, Sidebar Right as well.



For the pages, please use the Blank - No Container | Header, Footer or Blank - Container | Header, Footer page template.



Hope it helps,
Cheers!

#5

Hey guys,

I finally had a chance to test this. It mostly works, but there’s still a few problems:

  1. On the Main //Blog page, I’m trying to remove the sidebar. But I can’t get rid of it without making it look poor. I can “remove” the sidebar by making the “Main” sidebar empty in the Widgets section. However, then it just looks empty. In a nutshell, I’d like the /Blog page to maintain the “appearance” of a “full-width” layout. But then only have the blog Posts appear with a sidebar.

  2. O̶n̶ ̶o̶n̶e̶ ̶p̶a̶r̶t̶i̶c̶u̶l̶a̶r̶ ̶b̶l̶o̶g̶ ̶p̶o̶s̶t̶,̶ ̶t̶h̶e̶ ̶s̶i̶d̶e̶b̶a̶r̶ ̶d̶o̶e̶s̶ ̶n̶o̶t̶ ̶a̶p̶p̶e̶a̶r̶.̶ ̶ ̶h̶t̶t̶p̶s̶:̶/̶/̶w̶w̶w̶.̶t̶h̶e̶c̶o̶u̶n̶t̶e̶r̶s̶t̶o̶r̶y̶.̶c̶o̶m̶/̶g̶i̶f̶t̶-̶o̶f̶-̶g̶r̶i̶e̶f̶/̶ (UPDATE: Never mind, I just figured out this problem. )

  3. On that same blog post in #2, the text completely gets squished as I change the screen size view. E.g. margins keep reducing, like so:

for #3, I did recently update this post, so maybe that’s part of the problem?. It was originally written/published in Classic Wordpress editor. And I re-edited and re-published it. I had left it in Classic Wordpress editor when I noticed the problem. Converted it to Gutenberg blocks, but the problem still persists. So I think it might be a setting I’m missing in PRO?

In summary:
-How do I remove the sidebar on the main blog home page only + ensure it has a full-width layout?
-̶H̶o̶w̶ ̶d̶o̶ ̶I̶ ̶a̶d̶d̶ ̶t̶h̶e̶ ̶s̶i̶d̶e̶b̶a̶r̶ ̶b̶a̶c̶k̶ ̶t̶o̶ ̶t̶h̶e̶ ̶o̶n̶e̶ ̶p̶a̶r̶t̶i̶c̶u̶l̶a̶r̶ ̶b̶l̶o̶g̶ ̶p̶o̶s̶t̶ ̶p̶a̶g̶e̶ ̶(̶i̶n̶ ̶#̶2̶)̶?̶
-How do I fix the margins for that same blog post?

Your assistance is appreciated. Thanks for all your help!

Nathan

#6

Hi Nathan,

Please the following CSS under Theme Options > CSS:

.blog .x-main {
    width: 100%;
}
.blog .x-sidebar {
    display: none;
}

On that same blog post in #2, the text completely gets squished as I change the screen size view. E.g. margins keep reducing, like so:

I couldn’t replicate this issue anymore. Did you sort it out?

Thank you.

#7

Hi thai,

This is perfect. Thanks for your help.

Re: the squished text: you’re right! that’s weird. It seems to have resolved itself. I checked both the Pro mobile view + my actually mobile phone. The original issue persisted on both. But now it’s resolved on both!

Not sure what the bug was, but looks like sentient Skynet AI has fixed it. lol.

Thanks!

Nathan

#8

It could be a caching related. Glad things sorted out on your end now,

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.