can't make website use 100% width

Everything was fine until this morning, i just checked my site and there was this extra white space on the right. After checking what might be the cause i cannot seem to fix it.

what i already tried: 

html,body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

html, body {overflow-x: hidden;}

/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

#canvasWrapper {
	max-width: initial;
}

No change after trying this. I'm not really sure at this point what might be the issue, maybe the header is overflowing, or the body is not using 100% of width, but if anyone had this same problem and know a way around, please let me know. 

Did you fix this? Looks all good on my end with no overflow.