You would have to change the css.
Its quite complex due to the way the theme switches the columns around behind the scenes to keep everything responsive and yet have the content in the first column (for SEO purposes) even though when you view the site it appears to be in the middle.
Here’s an example css snippet that I already have you could tack onto the bottom of your style.css to make the both sidebars fit 160px ads.
Dont ask me to make a custom one to your size specifications though. There’s quite a bit of fiddling time involved in that.
You can see though from the css below which bits to play with.
The theme uses negative margins to do its work, but if you play with the css below you should see how it works in general.
/* RESPONSIVE LAYOUT - BOTH SIDEBARS
----------------------------------------------------*/
.heatmapthemead-layout-both-sidebars #heatmapthemead-the-content {
margin: 0 185px 0 185px;
}
.heatmapthemead-layout-both-sidebars #heatmapthemead-primary-sidebar {
width: 185px; /*Width of left column*/
}
.heatmapthemead-layout-both-sidebars #heatmapthemead-secondary-sidebar {
width: 185px; /*Width of right column*/
margin-left: -185px;
}
@media screen and (max-width: 900px) {
.heatmapthemead-layout-both-sidebars #heatmapthemead-the-content {
margin: 0 0 0 185px;
}
.heatmapthemead-layout-both-sidebars #heatmapthemead-secondary-sidebar {
padding-left: 190px;
}
.heatmapthemead-layout-both-sidebars.heatmapthemead-long-content #heatmapthemead-secondary-sidebar {
padding-left: 370px;
}
}
@media screen and (max-width: 600px) {
.heatmapthemead-layout-both-sidebars #heatmapthemead-the-content {
margin: 0;
}
.heatmapthemead-layout-both-sidebars #heatmapthemead-secondary-sidebar {
width: 100%;
}
}
