Cookies Pop up Obstructed

[yernbarr]

Hi Guys, I recently adjusted a few setting regarding the body width in the css as I wanted the margins of my site to be smaller, code here: 

body {
width: 100%;
max-width: 700px;
margin: auto;
background: #ffffff;
color: #3e3e3e;
font-family: 'Quattrocento Sans', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

But now the cookies pop-up is obstructed whenever someone enters my site, see here: FEHLER.

If anyone has a solution for this that would be so great as I'm unable to click the cookies pop-up off now and the same applies to those who come to my site. I'm at a dead-end when it comes to solutions and want to get this complete for a university project of which is starting to stress me out. I can post any other code you may need to see (I've included an image this time as the cookies pop-up would only be viewable to those in the EU)

Thanks in advance!
Ewan

[PaulMathews]

@yernbarr Rather than impose the max-width on the entire body, try doing this at the container level and preferably just to the containers for page content (the ".content-wrap .container" class).

[yernbarr]

Thank you for this! It worked perfectly