How to move or remove the sidebar

Move the sidebar to the left or right

  1. Go to Theme > click on the arrow next to "Customize" > select "Edit HTML"
  2. Click anywhere on the code once (necessary) > press CTRL+F (or CMD+F on Mac)
  3. Paste this in the small search box that appears: content {
  4. Change float for .content and .sidebar to left/right or right/left
    • Example: if .content has float: right;, then .sidebar should have float: left;
  5. Save the changes

Remove the sidebar everywhere

Go to Theme > click on the arrow next to "Customize" > select "Edit HTML" > click anywhere on the code once (necessary) > press CTRL+F (or CMD+F on Mac) > paste this in the small search box that appears:

<body id='page'>

If you want to remove the sidebar everywhere, add remove-sidebar as a class to body, like this:

<body class='remove-sidebar' id='page'>

Remove the sidebar from specific page types

Go to Theme > Edit HTML > use the CTRL+F/CMD+F search box to find <body id='page'> again and you'll see this below:

<b:class cond='data:view.isHomepage' name='home blog grid-layout remove-sidebar'/>
<b:class cond='data:view.isMultipleItems and !data:view.isHomepage and !data:view.isArchive and !data:view.isLabelSearch and !data:view.search.query' name='blog grid-layout remove-sidebar'/>
<b:class cond='data:view.isPost' name='single-item single-post'/>
<b:class cond='data:view.isPage' name='single-item single-page'/>
<b:class cond='data:view.isArchive' name='archive-page grid-layout remove-sidebar'/>
<b:class cond='data:view.search.label' name='label-page grid-layout remove-sidebar'/>
<b:class cond='data:view.search.query' name='search-page grid-layout remove-sidebar'/>
<b:class cond='data:view.isPreview' name='preview'/>
<b:class cond='data:view.isError' name='error-page remove-sidebar'/>

Add (or remove) remove-sidebar to the page types you want to remove the sidebar from.

For example, if you want to show the sidebar on the home page, remove remove-sidebar from the this line:

<b:class cond='data:view.isHomepage' name='home blog grid-layout remove-sidebar'/>

And if you want to remove the sidebar on single post pages, add remove-sidebar from the this line:

<b:class cond='data:view.isPost' name='single-item single-post remove-sidebar'/>