Setting Site Width in Wix Studio | Wix Fix

Поділитися
Вставка
  • Опубліковано 25 сер 2024
  • 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

КОМЕНТАРІ • 27

  • @Seaflower10
    @Seaflower10 3 місяці тому +3

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

  • @AnthonyAllioo
    @AnthonyAllioo 4 місяці тому +4

    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
      @hansad.k6273 17 днів тому

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

  • @colinocarroll
    @colinocarroll 3 місяці тому

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

  • @V250YT
    @V250YT 27 днів тому +2

    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.

  • @MichalMares-kj9nq
    @MichalMares-kj9nq 4 місяці тому

    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.

  • @ramplexpeace
    @ramplexpeace 3 місяці тому

    this feature is exactly what I needed, thanks!

  • @Sable_Street_Studio
    @Sable_Street_Studio 2 місяці тому

    Thank you, this was immensely helpful!

  • @angerock49
    @angerock49 3 місяці тому

    Thank you, the feature is definetly needed!

  • @Design.23AM
    @Design.23AM Місяць тому

    Thanks for making this!

  • @Will-wl4ht
    @Will-wl4ht 3 місяці тому +2

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

  • @soldiergirlpoet
    @soldiergirlpoet 3 місяці тому +1

    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
      @wixfix  3 місяці тому

      This feature is coming soon!

    • @VinceTervoo
      @VinceTervoo Місяць тому

      @@wixfix Is it there yet?

    • @agnessim
      @agnessim Місяць тому

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

  • @dbonneville
    @dbonneville 23 дні тому

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

  • @pixelpeek9963
    @pixelpeek9963 3 місяці тому +1

    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

  • @agnessim
    @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.

  • @Mimi_Sim
    @Mimi_Sim 4 місяці тому

    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?

  • @uifry
    @uifry 4 місяці тому

    Amazing :)

  • @firminalexander5208
    @firminalexander5208 13 днів тому +1

    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.

  • @luda3246
    @luda3246 4 місяці тому

    Why does my wix look so different?

    • @thebasemesh
      @thebasemesh 4 місяці тому

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

    • @poppingjaz
      @poppingjaz 4 місяці тому

      It’s Wix Studio not Classic Wix

    • @luda3246
      @luda3246 4 місяці тому

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

    • @thebasemesh
      @thebasemesh 4 місяці тому +1

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