Set max width for an entire page/section (Wix Studio)

Ask the community
12

Man I feel so bad that I forget to reply to this post sorry for a 20days delayed reply but I really forgot it…

Here is the solution (don’t forget to mark it as a solution if it works) add this CSS code to your global.css file:

@media screen and (min-width: 1441px) {
  .section {
    max-width: 1440px;
    left: calc((100vw - 1440px) / 2);
  }
}

This CSS will effect every section you’ve added in your site so it will limit the section width. I have added one more thing (left) to center the section because it’s left side aligned.

If you want to also limit your footer and header you can add this CSS:

@media screen and (min-width: 1441px) {
  .section, .header, .footer {
    max-width: 1440px;
    left: calc((100vw - 1440px) / 2);
  }
}

And here is a demo of this: Home | Tests (wixstudio.io)

I will probably delete this demo site soon. (in 1 week)

5 Likes