I know sometimes you want 3 columns of posts even with a sidebar. If that is the case, find this section in the CSS.css file:


/***Two columns for posts***/


/*Set the post width and margin for two columns and add the border*/

.archive .et_pb_post,
.search .et_pb_post {
    width: 47.5%;
    float: left;
    margin-right: 5%;
    border: 5px solid #f5f5f5;
}


/*Remove margin from every second post*/

.archive .et_pb_post:nth-child(2n),
.search .et_pb_post:nth-child(2n) {
    margin-right: 0;
}


/*Set to a single column on smaller screens*/

@media all and (max-width: 767px) {
    .archive .et_pb_post,
    .search .et_pb_post {
        width: 100%;
        margin-right: 0;
    }
}



And replace it with this:

/***Three columns for posts***/


/*Set the post width and margin for three columns and add the border*/

.archive .et_pb_post,
.search .et_pb_post {
    width: 30%;
    float: left;
    margin-right: 5%;
    border: 5px solid #f5f5f5;
}


/*Remove margin from every third post*/

@media all and (min-width: 1280px) {
    .archive .et_pb_post:nth-child(3n),
    .search .et_pb_post:nth-child(3n) {
        margin-right: 0;
    }
}


/*Set to two columns on tablets & smaller laptops */

@media all and (max-width: 1279px) {
    .archive .et_pb_post,
    .search .et_pb_post {
        width: 47.5%;
        margin-right: 5%;
    }
    /*Remove margin from every second post*/
    .archive .et_pb_post:nth-child(2n),
    .search .et_pb_post:nth-child(2n) {
        margin-right: 0;
    }
}


/*Set to a single column on smaller screens*/

@media all and (max-width: 767px) {
    .archive .et_pb_post,
    .search .et_pb_post {
        width: 100%;
        margin-right: 0;
    }
}