Sottomenu dell'intestazione

Ciao, qualche anno fa c’erano post su questo thread riguardo allo scorrimento orizzontale su dispositivi mobili. Riscontriamo ancora questo problema. Se un menu è lungo, gli ultimi elementi non sono raggiungibili. Lo scorrimento orizzontale avviene solo fino alla fine dell’elemento visualizzato più a destra e taglia tutto il resto dopo.

Testato con l’app per questi dispositivi:

  • Galaxy S8 con Android 9
  • Samsung A5 con Android 11 (LineageOS 18.1),
  • iOS 17.2.1
2 Mi Piace

Ci sono novità sullo scorrimento orizzontale su dispositivi mobili? Esiste uno snippet di codice o qualcosa che possiamo aggiungere per farlo funzionare di nuovo?

2 Mi Piace

Abilita la gestione dei permessi. Questo plug-in è molto simile a quello utilizzato dagli amministratori per passare rapidamente a pagine specifiche.

Questo è un componente del tema, non un plugin. Puoi fornire maggiori dettagli sulla gestione dei permessi? In qualità di amministratore, puoi personalizzare il contenuto dei menu.

1 Mi Piace

Mi chiedo se qualcuno abbia mai capito come far scorrere il menu su dispositivi mobili?

2 Mi Piace

Non vedo l’ora di ottenerlo anche io, poiché i nomi dei menu perdono alcuni dettagli sui contenuti delle pagine.

2 Mi Piace

Questo può essere ottenuto utilizzando il seguente CSS nella scheda Common-CSS di un altro tema o componente del tema.

.anon .top-menu {
  display: none;
}
3 Mi Piace

Hai ulteriori pensieri o suggerimenti su come renderlo scorrevole orizzontalmente in modo che sia utile sui telefoni cellulari?

1 Mi Piace

Problema: Nessuno scorrimento verticale sul desktop

Se ci sono molti elementi nel sottomenu e la lista è più lunga dello schermo del desktop, non è possibile accedere agli elementi inferiori. Lo scorrimento verticale funziona, tuttavia, sui dispositivi mobili.
Poiché solo circa 2 elementi del menu si adattano orizzontalmente su uno schermo mobile (dipende dalla lunghezza del titolo), ho aggiunto molti elementi nel sottomenu per ogni elemento del menu. Ma ora quelli inferiori non sono accessibili sul desktop.
Testato in Firefox e Chrome (Win 11)

Problema: Il menu non si chiude dopo aver cliccato su un elemento “apri in una nuova scheda”

Questo è problematico soprattutto sui dispositivi mobili: quando il menu copre l’intero schermo, devo cliccare nell’area libera in alto a destra accanto agli elementi del menu per chiuderlo. (cosa succede se non c’è area libera?) Ciò significa anche che non ricevo alcun feedback sul fatto che il link abbia funzionato poiché il menu copre ancora lo schermo. Cliccare sul titolo del menu non lo chiude.