Guida alla homepage mobile

Le due opzioni che vedi [tutte le categorie] [tutti i tag], accanto a Latest, sotto l’header sono visibili nella vista PC

Ma non sono visibili nella vista mobile

Può essere visualizzato modificando alcune impostazioni, ma voglio che sia visibile per impostazione predefinita nella vista mobile sulla home page, per favore, guidami su come abilitarlo nella vista mobile?

Ciao :wave:

Sembra che questi input siano nascosti solo con una classe .hidden su mobile.

Puoi rivelarli, ma poiché non sono stilizzati per la visualizzazione mobile, necessitano di alcune regole CSS aggiuntive per non apparire troppo strani.

Puoi iniziare con questo:

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

Inseriscilo nella scheda Mobile del tuo tema o componente.

Avrà questo aspetto:

Non l’ho testato molto e potrebbe interferire con plugin o componenti che utilizzano gli outlet disponibili prima e dopo questi selettori.

Quindi, è probabilmente più una base di lavoro che una cosa completamente funzionante… Puoi provare e vedere come va :slight_smile:

Modifica:
Mi è stato detto che questi input sono visibili per impostazione predefinita in una pagina di categoria.

Quindi, il mio codice CSS nel suo stato attuale rovinerà un po’ il layout di questi campi nella pagina di categoria e richiederà ulteriori modifiche. :slight_smile:

4 Mi Piace

Puoi dare un’occhiata qui:

2 Mi Piace

In realtà non so usare il CSS, anzi, non ho alcuna attinenza con il campo dell’informatica.

Se c’è un’opzione che posso attivare o disattivare, posso farlo.

Temo che al momento non ci sia un’opzione nell’interfaccia utente per questo. Dovresti creare un piccolo componente tematico e aggiungere del codice extra per ottenere questo comportamento personalizzato.

1 Mi Piace

Mi puoi insegnare?

2 Mi Piace