I’ve created a site without a container on the pages for which I need to set a max width so it still looks good on 4k screens. Without the max width the alignment gets weird at very high resolutions.
This support thread covered how to do this, which is great. I simply placed this in the page CSS:
.x-section {
max-width: 1400px;
}
The problem is that while it’s limiting the max width it is also positioning the entire page to the left of the screen. How can I force it to center, similar to how it does with a container? I thought I would be able to add “position: relative;” to do this but it isn’t working.