How To Increase Sidebar Width on AngieMakes Themes

sidebar2

By default, our sidebars are set to be 200px wide. This gives you more room for your content. But if you would like to have more space on your sidebar, below is a helpful CSS hack. The example below will make your sidebar 300px wide with all the responsive behaviors preserved. Simply enter this code in the CSS section under appearance/theme options/css to increase sidebar width.

.webpm-layout1 .sidebar-width {
  width: 300px;
}
.webpm-layout1 .main-width {
  width: 560px;
}
@media (min-width: 1200px) {
  .webpm-layout1 .main-width {
    width: 680px;
  }
  .webpm-layout1 .sidebar-width {
    width: 300px;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  .webpm-layout1 .main-width {
    width: 344px;
  }
  .webpm-layout1 .sidebar-width {
    width: 300px;
  }
}