Thank you for sharing your approach with the community! This is a great workaround. There is also an option of doing it through code in the global.css. This way, you can set the maximum size for sections (possibly only for specific ones) and they will not extend beyond a certain breakpoint: ``` @media screen and (min-width: 1601px) { .section{ width: 100%; /* Ensure full width */ max-width: 1600px; /* Limit content width */ margin: 0 auto; /* Center the content */ padding-left: calc((100vw - 1600px) / 2); padding-right: calc((100vw - 1600px) / 2); } } ``` This method, however, still produces some inconsistencies when the padding is applied but it can be a quick fix for some existing sites.
Hello! Thank you for the great videos. Can`t find info about the preview size. On the top it says the width is 1280 px, but if I make a screenshot, it is 1600 px. Both in Wix Studio and preview page. How can I see my site real px size? Like in photoshop you hit 100% in zoom and it shows exact size on your screen. Don't understand how can I make a design without seeing real size. I hope you can help me. Thank you!
I tried this method but it doesn’t play well with images inside the container, they drift outside the container as you make the screen bigger. Is there a way to stop this? Thanks
I am struggling to fix my website with white borders on the left and right side of the whole page. It is not fulfilling the whole width. I have tried everything under the sun and still can't figure it out. A friend of mine went to my website and the hamburger icon on the top right was hanging off the image. It is funny because in the studio and on my own browser, it works fine. Grrrr!
Just add a feature that allows to design the website for each device type separately (desktop,laptop,tablet, and phone) I really like wix and how easy it is to create a fantastic website, but this is the main issue that I wish you fix it.
If you watch the Wix open studio announcement tomorrow can you post a quick vid on the highlights if anything good comes up 🙏🙏🙏Missing it - my kids got covid and it’s hard watching presentations with them around at the best of times. Side note : anyone else forget Covid still exists?
They FINALLY "fixed" this by adding a new "max-width" toggle. Unfortunately you have to go page by page for all existing pages and toggle this on for every single section. ANNOYING.
What I’ve been waiting for, been waiting to see how others have been doing it. Still been having issues with repeaters though.
they brought a feature called max width, doing exactly this automatically, last week
dope to see your channel gaining steam ryan - i have to say your yt channel is the best resource for currently learning studio
Hope that fix from Wix comes pretty soon! Your fix works to an extent but it gets really messy with cells
Thank you for sharing your approach with the community! This is a great workaround. There is also an option of doing it through code in the global.css. This way, you can set the maximum size for sections (possibly only for specific ones) and they will not extend beyond a certain breakpoint:
```
@media screen and (min-width: 1601px) {
.section{
width: 100%; /* Ensure full width */
max-width: 1600px; /* Limit content width */
margin: 0 auto; /* Center the content */
padding-left: calc((100vw - 1600px) / 2);
padding-right: calc((100vw - 1600px) / 2);
}
}
```
This method, however, still produces some inconsistencies when the padding is applied but it can be a quick fix for some existing sites.
Thank you!
this feature is exactly what I needed, thanks!
Thank you, this was immensely helpful!
Thank you, the feature is definetly needed!
Hello! Thank you for the great videos. Can`t find info about the preview size. On the top it says the width is 1280 px, but if I make a screenshot, it is 1600 px. Both in Wix Studio and preview page. How can I see my site real px size? Like in photoshop you hit 100% in zoom and it shows exact size on your screen. Don't understand how can I make a design without seeing real size. I hope you can help me. Thank you!
I tried this method but it doesn’t play well with images inside the container, they drift outside the container as you make the screen bigger. Is there a way to stop this? Thanks
Thanks for making this!
does "Apply Max Width" on the section as of July 2024 fully address this issue now?
This is also how I avoid the supersizing. I can’t believe they created this builder without the ability to set the site width automatically.
This feature is coming soon!
@@wixfix Is it there yet?
Yes, really headache with this problem. I still cant get the solution 😴
I am struggling to fix my website with white borders on the left and right side of the whole page. It is not fulfilling the whole width. I have tried everything under the sun and still can't figure it out. A friend of mine went to my website and the hamburger icon on the top right was hanging off the image. It is funny because in the studio and on my own browser, it works fine. Grrrr!
Just add a feature that allows to design the website for each device type separately (desktop,laptop,tablet, and phone)
I really like wix and how easy it is to create a fantastic website, but this is the main issue that I wish you fix it.
Can anyone help? i cant find the container in Wix Editor, so how to fit the problem? The width of slider is different on differrent computer.
If you watch the Wix open studio announcement tomorrow can you post a quick vid on the highlights if anything good comes up 🙏🙏🙏Missing it - my kids got covid and it’s hard watching presentations with them around at the best of times.
Side note : anyone else forget Covid still exists?
My Wix's interface doesn't look like that. It looks like the interface 2 years ago
Thank you for this - Definitely one of the worst things about Wix Studio
They FINALLY "fixed" this by adding a new "max-width" toggle. Unfortunately you have to go page by page for all existing pages and toggle this on for every single section. ANNOYING.
Amazing :)
Why does my wix look so different?
I'm curious too! My editor looks nothing like this
It’s Wix Studio not Classic Wix
Alright I also found it myself... There are 2 different Wix editors wich is kinda strange but yeah there you have it.
@@poppingjaz Thanks for the info :) I wasn't aware there was a separate editor!