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:
www.youtube.co...
-----------------------------------------------------------
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:
www.youtube.co...
Don't forget to SUBSCRIBE and COMMENT any questions below!
www.youtube.co...
THANK YOU FOR WATCHING!!
Music by Chillhop
Music: chillhop.com
#WixStudio #SiteWidth #tutorial

[@Seaflower10]

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

[@AnthonyAllioo]

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

[@hansad.k6273]

they brought a feature called max width, doing exactly this automatically, last week

[@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!

[@V250YT]

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.

[@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!

[@Sable_Street_Studio]

Thank you, this was immensely helpful!

[@angerock49]

Thank you, the feature is definetly needed!

[@dariarom]

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!

[@Will-wl4ht]

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

[@Design.23AM]

Thanks for making this!

[@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!

[@VinceLaRince]

@@wixfix Is it there yet?

[@agnessim]

Yes, really headache with this problem. I still cant get the solution 😴

[@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

[@dbonneville]

does "Apply Max Width" on the section as of July 2024 fully address this issue now?

[@firminalexander5208]

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.

[@agnessim]

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.

[@uifry]

Amazing :)

[@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!