I’d like to remove/override the max-width css that is set on the body of the page. By using Inspector, I was able to gather that it is set on the classes “.x-container.max.width” and “.x-site”.
I tried entering the following css, but it is proving to be ineffective.
.x-container.max.width, .x-site {
width:100%;
max-width:none !important;
}
I also tried just increasing the size in the customizer (under Layout and Design), but I can’t increase it more than 1500px, which still causes issues in my design.
Is there a way I can either remove the line of code via FTP or is there another way to override it?