Introduction
BuddyBoss does not provide a built in setting to hide or remove the blog sidebar. By default, blog posts and blog archive pages display a sidebar alongside the main content. If you prefer a full width blog layout, you can remove the sidebar using a custom CSS workaround.
Custom Workaround
Follow the steps below to hide the blog sidebar and expand the main content area:
- Go to BuddyBoss > Theme Options
- Under Custom Codes, enable CSS
- Add the following CSS code:
.blog div#secondary {
display: none;
}
.blog div#primary {
max-width: 100% !important;
}- Click Save changes
This will hide the sidebar on blog pages and allow the main content to span the full width.
Troubleshooting and FAQs
Q: Which pages does this affect?
A: This CSS applies to blog-related pages, including blog archives and single blog posts that use the .blog body class.
Q: Will this remove widgets from the sidebar?
A: No. Widgets are not deleted. They are simply hidden on blog pages and can be shown again by removing the CSS.
Q: Can I keep the sidebar on other pages?
A: Yes. This CSS targets only blog pages and does not affect sidebars on other areas of the site.
Q: Will this work with future BuddyBoss updates?
A: It should continue to work, but since this is a CSS-based solution, updates that change layout or class names may require adjustments.
Screenshots
Screenshot with Blog sidebar:
Without the Blog sidebar after using the CSS code above:
