Come spostare le caselle delle categorie in alto

Ispirato dal nuovo design di Meta, ho provato a ottenere un risultato simile a quello dei riquadri delle sottocategorie nel tema Meta Branded.

Sono arrivato a questo risultato:


Posso confermare che il menu a discesa dei tag è effettivamente allineato :sweat_smile:

Come posso ottenere questo risultato? È possibile tramite CSS o JavaScript? Posso distribuire un mio componente di tema e vorrei imparare a farlo.

La barra di navigazione superiore deve essere vicina agli argomenti, non alle sottocategorie, quindi per me questa modifica riguarda l’esperienza utente e non è solo una piccola disposizione visiva.

Questa è probabilmente non qualcosa che si può fare con il CSS, ma dipende interamente da come hai implementato questa home page in primo luogo. C’è un componente specifico che hai usato per ridisegnare la home page?

Non è la homepage, ma la pagina delle categorie. Sto imparando e per il momento non ho ancora imparato come generare una homepage adeguata. È uno dei miei compiti in sospeso :slight_smile:

Forse è possibile utilizzando JavaScript: sono rimasto davvero sorpreso nel vedere tutto ciò che si può fare dai componenti del tema, e senza avere competenze tecniche, immagino che ci possa essere una possibilità in questo senso.

La homepage di Meta è costruita con il modificatore di tema custom_homepage + la nuova API Blocks, quindi questo sarebbe il metodo consigliato per ricrearla.

Se si vuole procedere solo con CSS, e si riesce a impostare una griglia o un layout flex sul wrapper genitore, si potrebbe forse riordinare l’elemento, ma si tratterebbe solo di una modifica estetica e probabilmente finirebbe per essere un disastro.

Grazie ancora! Tornando a occuparmene, penso che il problema non riguardi il nuovo design della homepage, bensì il comportamento di base, che ritengo possa essere ripensato in modo più ampio.

Le sotto-categorie sembrano molto meglio sopra la barra di navigazione. Per alcuni potrebbe trattarsi di un aspetto puramente estetico, ma vedo che le caselle delle sotto-categorie interferiscono con l’esperienza utente quotidiana.

Cosa ne pensate? I miei trucchi CSS non riescono a gestirlo e capisco che in questo modo non sia possibile.