Può capitare che, utilizzando il tema Avada, il menù e sottomenù non si sposta con lo scroll nella vista mobile, creando difficoltà per gli utenti nella navigazione del tuo sito. Questo problema può compromettere l'esperienza utente, rendendo difficile accedere alle diverse sezioni del sito. In questo tutorial, ti mostreremo come risolvere questo inconveniente attraverso l'aggiunta di un codice CSS personalizzato.

Come Risolvere il Problema del Menù in Avada

Per far sì che il menù e il sottomenù si spostino correttamente con lo scroll nella vista mobile, segui questi semplici passaggi:

1. Accedi al Pannello di Amministrazione di WordPress: Inizia effettuando il login nel tuo pannello di amministrazione di WordPress.

2. Seleziona la Voce "Avada": Dal menu laterale, cerca e clicca sulla voce "Avada" per accedere alle impostazioni del tema.

3. Accedi alle Opzioni: Una volta dentro il pannello di Avada, clicca sulla voce "Opzioni" per entrare nel menu di configurazione del tema.

4. Naviga a "CSS Personalizzato": Scorri fino a trovare l'opzione "CSS personalizzato" e cliccaci sopra.

5. Incolla il Codice CSS: Incolla il seguente codice CSS nel campo dedicato:

/* .fusion-sticky-transition .collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded) .awb-menu__main-ul */

/* .fusion-tb-header .awb-menu ul.awb-menu__sub-ul.awb-menu__sub-ul_main */

.fusion-tb-header .awb-menu.mobile-mode-collapse-to-button ul#menu-lpdm-main-menu
>

6. Salva le Modifiche: Dopo aver incollato il codice, assicurati di premere il pulsante blu "Salva modifiche" per applicare le modifiche al tuo tema.

Considerazioni Finali

Dopo aver completato questi passaggi, il menù e sottomenù di Avada dovrebbero ora spostarsi correttamente con lo scroll nella vista mobile, migliorando notevolmente l'esperienza utente sul tuo sito. Se il problema persiste, potrebbe essere necessario controllare ulteriori impostazioni di compatibilità o aggiornare il tema Avada alla versione più recente.

Non dimenticare di testare il tuo sito su diversi dispositivi mobili per assicurarti che tutto funzioni come previsto. Con questo semplice intervento, puoi garantire una navigazione fluida e intuitiva per tutti i tuoi visitatori.