Elementor è un potente costruttore di siti Web che ti consente di personalizzare facilmente il tuo sito Web senza la necessità di codifica. Una delle grandi funzionalità di Elementor è la possibilità di nascondere alcune sezioni sui dispositivi mobili. Questo è importante perché ciò che funziona bene su desktop potrebbe non funzionare su dispositivi mobili e nascondere le sezioni può migliorare l'esperienza utente complessiva. In questo post del blog, ti guideremo attraverso i passaggi su come nascondere sezioni sui dispositivi mobili con Elementor.
Passaggio 1: apri il generatore di pagine Elementor
Innanzitutto, apri la pagina che desideri modificare con il generatore di pagine Elementor. Una volta entrato nell'editor, seleziona la sezione che desideri nascondere sul cellulare. È importante notare che non è possibile nascondere una sezione direttamente da Elementor Navigator. È necessario selezionarlo e apportare modifiche dal pannello di modifica.
Passaggio 2: fare clic sul pulsante Modalità reattiva
Successivamente, fai clic sul pulsante Modalità reattiva situato nell'angolo in basso a sinistra del pannello di modifica. Si aprirà un menu a discesa che ti consentirà di selezionare il tipo di dispositivo che desideri personalizzare.
Passaggio 3: nascondi la sezione sul cellulare
Dopo aver selezionato il tipo di dispositivo, ora puoi apportare modifiche solo a quel dispositivo. Per nascondere la sezione sui dispositivi mobili, fai innanzitutto clic sulla scheda Avanzate nel pannello di modifica. Da lì, scorri verso il basso fino alla sezione Responsive e attiva l'opzione "Nascondi su cellulare". Ciò nasconderà la sezione su tutti i dispositivi mobili.
Passaggio 4: visualizza in anteprima e salva le modifiche
Dopo aver nascosto la sezione sui dispositivi mobili, è importante vedere in anteprima come appare. Puoi farlo facendo clic sul pulsante Anteprima nell'angolo in alto a destra. Qui potrai vedere come appare il tuo sito web su desktop e dispositivi mobili. Se sei soddisfatto delle modifiche, assicurati di salvarle facendo clic sul pulsante Pubblica.
Passaggio 5: visualizza le modifiche sul sito live
Dopo aver salvato le modifiche e pubblicato il sito Web, è importante visualizzare il sito Web su un dispositivo mobile reale. Ciò ti consentirà di vedere come appare il sito Web sui dispositivi mobili. Assicurati che tutte le modifiche apportate vengano visualizzate correttamente e che l'esperienza utente complessiva sia migliorata.
Conclusione
Elementor è un costruttore di siti Web intuitivo che ti consente di personalizzare facilmente il tuo sito Web per migliorarne l'esperienza utente complessiva. Nascondere alcune sezioni sui dispositivi mobili è un ottimo modo per migliorare la reattività mobile del tuo sito web. Bastano pochi clic per nascondere sezioni sui dispositivi mobili con Elementor, ma può fare una grande differenza. Se non hai provato a utilizzare Elementor per personalizzare il tuo sito web, lo consigliamo vivamente. È un ottimo strumento sia per i web designer che per i non designer.