Editor X: risoluzione dei problemi relativi a spazi vuoti e barre di scorrimento orizzontali
Tempo di lettura: 4 min.
Editor X sta passando a Wix Studio, la nostra nuova piattaforma per agenzie e freelancer.Scopri di più su Wix Studio
Hai notato uno spazio vuoto sulla tua pagina o una barra di scorrimento orizzontale che non era intenzionale? In questo articolo, scopri cosa dovresti controllare per assicurarti che non appaiano ai visitatori su schermi di qualsiasi dimensione.
Passaggio 1 | Trova gli elementi da riposizionare nel pannello Livelli
Apri il pannello Livelli per visualizzare tutti gli elementi della pagina in un elenco organizzato. Clicca sugli elementi uno per uno per assicurarti che siano posizionati all'interno dei bordi della sezione. Se un elemento è posizionato all'esterno, viene creato automaticamente uno spazio vuoto per rendere l'elemento completamente visibile.
Per trovare e riposizionare gli elementi dal pannello Livelli:
- Clicca su Livelli nella parte superiore dell'Editor X
- Clicca su qualsiasi elemento per trovarlo nella pagina
- Riposiziona l'elemento utilizzando i seguenti strumenti:
- Trascinalo e rilascialo nel posto giusto
- Usa le maniglie per diminuire la dimensione dell'elemento
- Regola i margini o ridimensiona l'elemento dal pannello Ispezione
Passaggio 2 | Controlla i bordi della pagina
Sebbene l'elemento possa essere posizionato all'interno della sezione, i suoi bordi potrebbero comunque attraversare i bordi della pagina e creare uno spazio vuoto e/o una barra di scorrimento orizzontale. Questo accade spesso con gli elementi di testo.
Per questo motivo, dovresti cliccare su ogni sezione e passare il mouse su tutti gli elementi vicino ai bordi della pagina. Se qualcuno di essi oltrepassa i bordi, puoi spostarlo o ridimensionarlo.
Passaggio 3 | Modifica le impostazioni del Contenuto in eccesso (al di fuori della pagina)
Un altro modo per evitare che gli spazi vuoti e le barre di scorrimento orizzontali vengano aggiunti automaticamente, è nascondere il contenuto in eccesso della pagina. Questa impostazione "taglia" i bordi della pagina in modo che tutti gli elementi (o parti di elementi) che si trovano al di fuori della pagina vengano tagliati.
Per modificare l'impostazione del contenuto in eccesso della sezione:
- Seleziona la tua pagina:
- Vai alla pagina pertinente
- Clicca su Livelli nella parte superiore dell'Editor X
- Clicca su Pagina
- Clicca sull'icona Ispezione nella parte superiore dell'Editor X
- Clicca sulla scheda Layout
- Seleziona Nascondi dal menu a tendina Contenuto in eccesso
Passaggio 4 | Controlla l'altezza della sezione
L'altezza e/o l'altezza minima impostate per una sezione potrebbero creare uno spazio vuoto indesiderato nella parte inferiore. Se stai utilizzando la misura vh, che è relativa all'altezza del viewport, lo spazio potrebbe sembrare maggiore su schermi più grandi.
Dal pannello Ispezione, puoi controllare le dimensioni della sezione e modificarne l'altezza e/o l'altezza minima in base ai tuoi contenuti.
Per controllare l'altezza della sezione:
- Seleziona la sezione pertinente
- Clicca sull'icona Ispezione nella parte superiore dell'Editor X
- Clicca sulla scheda Layout
- Controlla le impostazioni H (Altezza) e Min sotto Dimensione
Hai trovato utile questo articolo?
|