Gli iPad con iPadOS visualizzano la stessa schermata di un computer desktop. Abilita il layout responsivo desktop-tablet per garantire che tutte le personalizzazioni rimangano visibili sui siti web pubblicati.
Il layout responsivo visualizza l'intestazione di navigazione superiore sui desktop più grandi e passa automaticamente all'intestazione del menu a hamburger quando la dimensione dello schermo è pari o inferiore a 1024 pixel.
Prima di iniziare
- Guesty abilita automaticamente questa funzione per la maggior parte dei siti. Se l'interruttore non è presente, la funzione è già attiva. Una volta abilitata, questa funzione non può essere disattivata.
- CSS e breakpoint : il CSS rimane lo stesso sia per i breakpoint per desktop di grandi dimensioni che per quelli per desktop/tablet di piccole dimensioni. Non vedrai un CSS separato per i tablet.
- Visibilità degli elementi : è possibile nascondere gli elementi per specifici breakpoint.
- Transizioni : Le transizioni di layout si basano sulle dimensioni dello schermo per garantire un'esperienza fluida.
- Layout automatici : le seguenti personalizzazioni utilizzano automaticamente il layout del desktop e non richiedono regolazioni manuali :
- Layout delle gallerie fotografiche
- Regole di personalizzazione del tablet
- Animazioni
- Se il tuo sito contiene elementi nascosti, rendili visibili prima di attivare il Layout Responsivo. Se gli elementi risultano distorti, disattiva il Layout Responsivo, mostra tutti gli elementi nascosti e poi riattiva il Layout Responsivo prima di nascondere nuovamente gli elementi necessari. Scopri come visualizzare gli elementi nascosti .
- Le regole di personalizzazione non includono uno specifico dispositivo tablet. Le impostazioni selezionate per la versione desktop si applicano anche alla visualizzazione su tablet.
Utilizza layout di sito responsivi
Segui i passaggi seguenti per abilitare i layout responsivi e gestire i breakpoint dello schermo.
- Nel pannello laterale dell'editor, fai clic su Tema.
- Fai clic su Layout del sito.
- Nella sezione "Desktop", attiva l'opzione "Layout responsivo".
- Seleziona un layout del sito per schermi con risoluzione superiore a 1024 pixel.
- Seleziona un layout del sito per schermi con larghezza pari o inferiore a 1024 pixel.
- Attiva o disattiva la visualizzazione del pulsante "Torna all'inizio" sui dispositivi mobili.
Dopo aver attivato il layout responsivo, utilizza il selettore di visualizzazione nella barra di navigazione superiore per passare da Desktop grande (superiore a 1024px), Desktop/Tablet piccolo (1024px e inferiore) a Mobile. Scopri come cambiare visualizzazione.