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 a 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>