Dopo aver aggiunto e configurato i blocchi standard, è possibile modificare anche la loro versione mobile. Per farlo, clicca sull'icona del dispositivo mobile al centro del pannello di modifica della pagina.

Nel menu a tendina, seleziona la dimensione dello schermo desiderata. Se devi verificare come appare la pagina su un dispositivo specifico, selezionalo oppure scegli l'opzione più simile nella sezione Dispositivi.

L'editor passerà alla modalità mobile, facilitando la modifica dei blocchi.

In modalità anteprima, clicca sull'icona del dispositivo mobile e seleziona le dimensioni dello schermo desiderate.

Per nascondere l'interfaccia dell'editor, clicca sull'icona a forma di freccia nell'angolo in basso a sinistra o accanto alla voce "Modifica".

Per modificare la scala dell'anteprima, fare clic sull'icona 100% e selezionare il valore desiderato dal menu a tendina.

Clicca sull'icona a forma di matita per tornare all'editor e apportare modifiche ai blocchi.

Ogni blocco dispone di impostazioni separate relative alla spaziatura e alla tipografia per la versione mobile. A seconda del blocco, potrebbero essere disponibili anche impostazioni aggiuntive per singoli elementi sui dispositivi mobili. Queste impostazioni sono solitamente contrassegnate da suggerimenti nel pannello delle impostazioni.

Ad esempio, un blocco menu potrebbe avere una sezione di impostazioni dedicata a questo scopo.

Nei blocchi di copertina, le impostazioni della versione mobile possono essere contrassegnate da un'icona a forma di telefono.

Modifica della dimensione dei caratteri e dell'interlinea per i dispositivi mobili. Nelle impostazioni del blocco, apri la sezione "Tipografia", clicca sull'icona del desktop e inserisci la dimensione dei caratteri per la versione mobile nel campo contrassegnato dall'icona del dispositivo mobile.

L'interlinea si configura allo stesso modo.

Modifica del raggio degli angoli e della spaziatura esterna delle immagini di copertina sui dispositivi mobili. È possibile impostare un valore separato per il raggio degli angoli o la spaziatura esterna per i dispositivi mobili nei blocchi delle categorie “Copertina” e “Immagine”.

Per modificare il raggio o la spaziatura, fare clic su “Impostazioni” e individuare il campo desiderato. Quindi fare clic sull’icona del desktop accanto al campo e inserire il valore per la versione mobile.

Modifica del posizionamento dell'immagine di sfondo. Nei blocchi di copertina e in altri blocchi in cui è disponibile questa impostazione, è possibile selezionare la parte dell'immagine che verrà visualizzata nel blocco.

Per impostare il posizionamento automatico, selezionare il valore appropriato dal menu a tendina, ad esempio "Centro-Centro".

Per impostare manualmente il posizionamento, clicca sull'icona accanto al campo.

Si aprirà l'immagine con i punti di posizionamento. È possibile selezionare uno dei punti predefiniti oppure inserire un proprio punto nel punto desiderato.

Il posizionamento consente di regolare la modalità di visualizzazione dell'immagine di sfondo nella versione mobile, in modo che la stessa immagine appaia corretta su schermi diversi.

In qualsiasi blocco, apri le impostazioni, fai clic sull'icona accanto ai campi "Rientro superiore" o "Rientro inferiore" e inserisci il valore relativo al dispositivo mobile.

Se desideri che i blocchi vengano visualizzati in modo diverso sugli smartphone e sui computer desktop, configura l'intervallo di visibilità.

Apri le impostazioni del blocco e scorri verso il basso fino alla sezione "Intervallo di visibilità sui dispositivi". Specifica su quali dispositivi deve essere visualizzato il blocco. Quindi salva le impostazioni e ripubblica la pagina.

È possibile configurare la reattività dei blocchi per diversi dispositivi convertendo il blocco in " Zero Block " tramite l'opzione presente nelle impostazioni del blocco. Questa opzione è attualmente disponibile nella maggior parte dei blocchi.

Dopo la conversione, potrai configurare manualmente l'aspetto del blocco in base a cinque intervalli di larghezza dello schermo oppure aggiungere i tuoi intervalli personalizzati. Per ulteriori informazioni sulla configurazione del responsive design in " Zero Block ", consulta gli articoli " Zero Block" (Introduzione) e " Zero Block" (Responsive design).

Se disattivi la versione responsive, la pagina verrà visualizzata sui dispositivi mobili esattamente come sui computer desktop.

Per disattivare la versione responsive, vai su Impostazioni pagina → Altre opzioni, seleziona "Disattiva la versione responsive per i dispositivi mobili" e ripubblica la pagina.