Hide or Remove the Blog Sidebar

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:

1. Go to BuddyBoss > Theme Options
2. Under Custom Codes, enable CSS
3. Add the following CSS code:

.blog div#secondary {

    display: none;

}

.blog div#primary {

    max-width: 100% !important;

}

4. Click Save changes

This will hide the sidebar on blog pages and allow the main content to span the full width.

Note: Any modifications are considered custom work. Learn more about our Support Policy here:
https://www.bb-backup-hz4.developbb.dev/support-policy/

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: