Setting Site Width in Wix Studio | Wix Fix

In this video, I teach you how to set a max width for Wix Studio websites to prevent over-scaling.
Want Early Access to Video Just Like This? Become a Channel Member:
th-cam.com/users/wixfixjoin
-----------------------------------------------------------
www.wixfix.com
-----------------------------------------------------------
Important Tutorials:
Top 5 Tips for Wix: • Top 5 Tips for WIX | W...
How to Use Strips in Wix: • How to Use Strips in W...
Set Up an E-commerce Store: • HOW TO SET UP AN ONLIN...
Custom Forms: • Custom Forms in Wix | ...
Wix Basics in 10 Minutes: • WIX Editor Basics in 1...
Everything Editor X: • Everything Editor X [2...
Modern Web Design: • Modern Web Design in W...
-----------------------------------------------------------
Join this channel to get access to perks:
th-cam.com/users/wixfixjoin
Don't forget to SUBSCRIBE and COMMENT any questions below!
th-cam.com/users/wixfix?sub_co...
THANK YOU FOR WATCHING!!
Music by Chillhop
Music: chillhop.com
#WixStudio #SiteWidth #tutorial

[@colinocarroll]

dope to see your channel gaining steam ryan - i have to say your yt channel is the best resource for currently learning studio

[@ramplexpeace]

this feature is exactly what I needed, thanks!

[@angerock49]

Thank you, the feature is definetly needed!

[@Sable_Street_Studio]

Thank you, this was immensely helpful!

[@AnthonyAllioo]

What I’ve been waiting for, been waiting to see how others have been doing it. Still been having issues with repeaters though.

[@MichalMares-kj9nq]

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.

[@angerock49]

Thank you!

[@Seaflower10]

Hope that fix from Wix comes pretty soon! Your fix works to an extent but it gets really messy with cells

[@uifry]

Amazing :)

[@pixelpeek9963]

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

[@Mimi_Sim]

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?

[@soldiergirlpoet]

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.

[@wixfix]

This feature is coming soon!

[@Will-wl4ht]

Thank you for this - Definitely one of the worst things about Wix Studio

[@luda3246]

Why does my wix look so different?

[@thebasemesh]

I'm curious too! My editor looks nothing like this

[@poppingjaz]

It’s Wix Studio not Classic Wix

[@luda3246]

Alright I also found it myself... There are 2 different Wix editors wich is kinda strange but yeah there you have it.

[@thebasemesh]

@@poppingjaz Thanks for the info :) I wasn't aware there was a separate editor!