Un utente ha chiesto informazioni su Agama di Wordpress

gli elementi immagine / intestazione emettono un overlay mobile

Un utente ha chiesto 👇

Ciao,

Su ogni altra pagina del menu su dispositivi mobili e desktop, l’immagine dell’intestazione e il contenuto di seguito sono distanziati, ma sulla home page per una visualizzazione GRANDE, c’è uno strano problema di sovrapposizione che non riesco a dividere.

Sembrava accadere dopo gli aggiornamenti (ho corretto altre pagine con una casella immagine per un’intestazione invece perché non volevo occuparmi delle modifiche all’immagine dell’intestazione nel tema), ma per la home page, non sembra rimanere fedele ai dispositivi mobili .

Apprezzo qualsiasi consiglio su questo problema!

Lanciatore di thread

(@collinvarney)

11 mesi fa

Volevo dire che la stessa domanda si verifica anche con una visualizzazione tablet.

Autore del tema

(@themevision)

11 mesi fa

Ciao @collinvarney!

Il tuo problema è la personalizzazione degli elementi di Elementor Page Builder. In due elementi (elementor-element-1d619d0 e elementor-element-1290cb0) si impostano i valori del margine superiore e del margine inferiore di -600px (larghezza dello schermo inferiore a 1024px). Inoltre, la larghezza dello schermo è inferiore a 767 px. questi elementi hanno margini di -240px.
Quando disattivo queste impostazioni, il tuo sito funziona normalmente.
https://pasteboard.co/J4ET7Wq.png

Di

Lanciatore di thread

(@collinvarney)

11 mesi fa

Grazie mille per queste informazioni sugli elementi Elementor. Sono nuovo in molte cose, quindi potrei effettivamente usare alcuni chiarimenti su come salvare le modifiche di cui parli.

Posso apportare tali modifiche nell’Inspector (anche se potrei non assomigliare a te nella foto, il che potrebbe essere parte della mia confusione), ma non so come queste modifiche vengano salvate una volta completate.

Come posso fare ciò?

Autore del tema

(@themevision)

11 mesi fa

Ciao, @collinvarney!

Ci sono due modi per risolvere questo problema:

1.
Modifica la tua HomePage con il page builder “Elementor”, quindi fai clic sull’elemento di cui desideri modificare i margini, apri la scheda “Avanzate”, seleziona la modalità Tablet / Mobile e rimuovi i margini.
https://pasteboard.co/J4GARer.png

o

2.

Immettere il codice seguente in Personalizzato-> Generale-> CSS aggiuntivo:

@media only screen and (max-width: 1024px){
.elementor-10 .elementor-element.elementor-element-1d619d0,
 .elementor-10 .elementor-element.elementor-element-1290cb0{
  margin-top:inherit!important;
  margin-bottom:inherit!important;
 }
}

Di

Lanciatore di thread

(@collinvarney)

11 mesi fa

Grande! Grazie mille.

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *