Disabilita modifiche all'intestazione su mobile

Su mobile, quando mi trovo in cima all’argomento, la navbar/header include l’icona del menu e altri elementi, tra cui lo slider/carousel delle categorie.

Quando scorro oltre una certa “soglia”, cambia per includere il nome dell’argomento, ma questo rovina la mia formattazione. Posso disabilitare questo comportamento? Voglio lo stesso header tutto il tempo.

Header normale / Buono:

Scorrimento / Header cattivo:

La cosa strana è che quando uso Chrome > Ispeziona, ottengo un comportamento diverso e piacevole:

Prima dello scorrimento:

Dopo lo scorrimento:

Penso che questo componente potrebbe esserti d’aiuto

Il pulsante del menu burger non è nello stesso posto nei tuoi due screenshot, il che mi fa pensare che non hai usato la modalità mobile nel secondo caso.

Puoi ottenere la visualizzazione mobile aggiungendo ?mobile_view=1 all’URL. Quindi potresti anche migliorare lo stile e continuare a beneficiare della funzionalità di visualizzazione del titolo.

1 Mi Piace

È esattamente quello che volevo. Grazie!

Sono appena andato nel pannello Ispeziona di Chrome e ho cliccato sul pulsante per attivare la visualizzazione mobile. Perché il menu si è spostato a sinistra, non ho idea…
A volte quella vista non è molto accurata, l’ho notato.
Grazie per il suggerimento ?mobile_view=1. Non lo sapevo.
Voglio solo aggiungere, per coloro che non hanno familiarità con questo (e mi ci è voluto un po’ per tornare alla normalità), per tornare indietro basta aggiungere ?mobile_view=0 come https://example.com?mobile_view=0

Con l’opzione ?mobile_view=1, ho notato che si comportava in modo strano quando raggiungeva quel punto di passaggio al titolo dell’argomento, ma sul cellulare non lo faceva. C’è forse qualcosa di strano quando si usa un browser desktop.

Come puoi vedere dai miei screenshot, oltre all’intestazione rovinata, il cursore con le categorie è completamente rimosso.

1 - Pensi che stia succedendo perché l’altezza dell’intestazione non si regola correttamente?
2 - Come posso creare CSS che si applica solo quando si verifica quel cambiamento?

@Moin Ispezionando la versione mobile usando il trucco dell’URL che hai condiviso (senza il componente installato), vedo questo quando sono in cima all’argomento:

E quando scorro, vedo questo:

Quindi rimuove completamente il div con class=\"wrap custom-categories-navbar\". Sembra che ci sia di più coinvolto qui che necessita di un altro approccio per evitare che lo slider delle categorie scompaia.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.