header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Editor Studio: risoluzione dei problemi relativi agli spazi vuoti in una sezione

3 min
In questo articolo
  • Rimuovere lo spazio vuoto
  • Video tutorial (in inglese)
  • FAQ
Se noti degli spazi vuoti indesiderati in una sezione del tuo sito live, è spesso causato dal modo in cui è impostato il comportamento responsivo per la tua sezione e i suoi elementi. Quando una sezione e i suoi elementi hanno impostazioni responsive in conflitto, possono apparire degli spazi vuoti man mano che le dimensioni dello schermo cambiano. 
Screenshot che mostra uno spazio vuoto indesiderato nell'Editor Studio
Nell'esempio sopra, il comportamento responsivo del modulo è impostato su larghezza relativa, il che significa che la sua larghezza si regola in base alle dimensioni del contenitore parent (ad esempio una cella della griglia), ma la sua altezza rimane fissa. La sezione, tuttavia, è impostata per ridimensionarsi in proporzione, quindi sia la larghezza che l'altezza si regolano proporzionalmente al variare delle dimensioni dello schermo. Questo crea un grande spazio vuoto sugli schermi più grandi man mano che la sezione diventa più alta, ma il modulo no.
Scopri di più sui diversi comportamenti responsivi.

Rimuovere lo spazio vuoto

Per prima cosa devi controllare il comportamento responsivo dell'elemento e della sezione per vedere se sono allineati. Se i comportamenti responsivi non sono allineati, modificali come indicato di seguito.

Per rimuovere lo spazio vuoto:

  1. Seleziona l'elemento nella sezione
  2. Clicca sull'icona Apri Ispezione  in alto a destra dell'Editor
  3. Seleziona Larghezza relativa dal menu a tendina Comportamento responsivo
  4. Seleziona la sezione pertinente
  5. Clicca sull'icona Apri Ispezione  in alto a destra dell'Editor
  6. Seleziona Altezza fissa dal menu a tendina Comportamento responsivo
Dopo aver regolato il comportamento responsivo, testa il tuo design per assicurarti che non appaiano spazi vuoti sugli schermi più grandi ridimensionando l'area di lavoro.

Video tutorial (in inglese)

Guarda una demo live per risolvere questo problema.

FAQ

Clicca su una domanda qui sotto per scoprire di più.