This situation seems a bit strange when it comes to applying a background color. Here is the main structure:
<section class="main-row">
<div class="container">
<div class="row">
<div id="primary" class="col-sm-12 content-area">
</div>
<div id="secondary" class="col-sm-4 sidebar widget-area">
<div>
</div>
</div>
</section>
On the main row, I used CSS to edit media queries in order to adjust the width as needed:
.main-row {
padding: 70px 0;
/* background: linear-gradient( to right, #ffffff 0%, #ffffff 62%, #f0f0f0 38%, #f0f0f0 100% ); */
}
It works fine with a sidebar, but I want to remove the background and have it solid white if there is no sidebar. Can this be done in PHP? My goal is to have the sidebar with a solid background that extends full height and width, while keeping the container and row adjusting the content to 1170px. The sidebar should have a colored background on its entirety depending on its position (left or right).