You can add this to your custom CSS area or child-theme’s CSS file:
/**
* Remove sidebar
*/
#sidebar {
display: none;
}
/**
* Adjust #main-content's property
* to accommodate the lack of sidebar
*/
#main-content {
float: none; /* remove float because the sidebar is gone now */
width: 85%; /* extends the width of the element */
margin: 0 auto; /* centers the element */
}
Explanation as to which part of the code does what is already commented in there.
However, I have one recommendation as a professional front-end developer: It’s not a good idea to have the text area extend too wide. To preserve readability, the text area should aim to be around 75 characters in length. Too many characters and it becomes difficult for the reader’s eye to move back across the text and locate the beginning of the next line.
Extending the width of the main content area to fill the width of the sidebar will make it ridiculously annoying to read the blog posts or whatever text content inside it.
