Come modifico la versione mobile di un elemento con Elementor?

Come modifico la versione mobile di un elemento con Elementor?

Hai 4 opzioni a tua disposizione.

Il primo metodo:

  1. entri nella pagina in modalità MODIFICA CON ELEMENTOR
  2. in basso (alla sinistra del pulsante AGGIORNA) clicca sull'iconcina del computer
  3. si aprirà un menù a tendina con le varie versioni (desktop / tablet / mobile)
  4. clicca sulla versione che vuoi modificare

Così puoi visualizzare il sito su quel determinato dispositivo.

Il secondo metodo, più specifico:

  1. entri nella pagina in modalità MODIFICA CON ELEMENTOR
  2. clicchi sull'elemento che ti interessa modificare
  3. a seconda della caratteristica specifica ci può essere (o non essere) accanto alla label un'iconcina del pc
  4. se c'è cliccala e ti farà inserire quella caratteristica solo ed esclusivamente per quella tipologia di visualizzazione

Questo passaggio puoi vederlo cliccando su Avanzato > Margine (una delle tante caratteristiche che puoi decidere a seconda del dispositivo).

E' come se nel primo passaggio cliccassi sull'iconcina di un dispositivo diverso dal pc.

Il terzo metodo è relativo alla visualizzazione di un elemento su un determinato dispositivo:

  1. entri nella pagina in modalità MODIFICA CON ELEMENTOR
  2. clicchi sull'elemento che ti interessa modificare
  3. clicca su "Avanzato"
  4. clicca su "Responsive"

E da qui puoi scegliere se un elemento vuoi che venga visualizzato su tutti i dispositivi, solo su uno ecc...
Effettuando questo passaggio modificherai SOLO quella determinata visualizzazione e non le altre.

Il quarto metodo: tramite CSS ma qui mi fermo perché non so se conosci il codice.
Se vuoi approfondire la questione cerca MEDIA QUERY.


Hai dei dubbi? Contattaci per una consulenza!