How to move or remove the sidebar

Some templates made by SimplyTheStudio have the sidebar on the left and some have it on the right side. If you do not like the initial position of the sidebar in the template you bought, you can easily change it yourself. In this tutorial we are going to show you how to move the sidebar to the left or right, or how to remove it completely.

This tutorial does not apply if you want to add a sidebar to a template with a default single column design (like SNOWDROP).

Moving the sidebar

1. Go to Theme.
2. Click on the arrow next to "Customize" and select "Edit HTML".
3. Click anywhere inside the code.
4. Press CTRL+F (or CMD+F on Mac) to open a seach box.
5. Search .main-wrap
6. Change float to left/right.
7. Now search .sidebar-wrap and change float to right/left.
• Example: if now .sidebar-wrap has float: right, then .main-wrap must have float: left.
8. Save your changes.

Removing the sidebar

Before you remove the slider, make sure to move all widgets in the Layout section to a new placement. The sidebar should be empty before you move on to the tutorial below.

1. Go to Theme.
2. Click on the arrow next to "Customize" and select "Edit HTML".
3. Click anywhere inside the code.
4. Press CTRL+F (or CMD+F on Mac) to open a seach box.
5. Search .main-wrap
6. Change margin into margin: 0 auto;
7. Delete line float: left/right.
• Tip: To increase the width of the post area, change the width number.
8. Search .sidebar-wrap
9. Change width into width: 0;
10. Save your changes.

If you are having a hard time with the changes and you need help, please feel free to reach out to us!