Docs
Thesis
Hide Posts Sidebar

Hide Posts Sidebar

Thesis theme comes with posts sidebar. It is placed on all pages, and to hide it there is support for internal tag and for custom CSS.

Option 1: Internal tag

To hide the sidebar on a specific page or post, simply add the #hide-posts-sidebar tag to the page/post.

Option 2: Custom CSS

Code Injection is required to add custom CSS.

You can hide the sidebar on all pages with the following CSS:

<style>
  aside.sidebar-posts,
  .content > .header > .button,
  .popup-navigation .popup-toggle {
    display: none;
  }
 
  @media screen and (max-width: 899px) {
    .content > .header > .button {
      display: block;
    }
  }
</style>

Use the body class to show/hide sidebar on different pages. For example, show the sidebar only in posts:

<style>
  body:not(.post-template) aside.sidebar-posts,
  body:not(.post-template) .content > .header > .button,
  body:not(.post-template) .popup-navigation .popup-toggle {
    display: none;
  }
 
  @media screen and (max-width: 899px) {
    body:not(.post-template) .content > .header > .button {
      display: block;
    }
  }
</style>