How to control content width in sections with css

[anthonylandolfo]

I have a full width site at 100% but my content hits the edges of the screen and I want to stop this from happening. I was able to find the CSS to make my navbar do just that, but I don’t know how to make it so the content in my various sections is at 90%. Can anyone provide me with the CSS to do that? Thanks!

my site is www.wholetechnology.net

[ruenel]

Hello @anthonylandolfo,

Thank you for the very detailed post information.

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-template-default .entry-content.content .max.width{
    width: 90%;
    max-width: 1200px;
}

Feel free to adjust the maximum width and the width percentage.