Guide : Page d'accueil mobile

Les deux options que vous voyez [toutes les catégories] [tous les tags], à côté de Latest, sous l’en-tête sont visibles en vue PC

Mais pas visibles en vue mobile

On peut les faire apparaître en ajustant, mais je veux qu’elles soient visibles par défaut en vue mobile sur la page d’accueil, pourriez-vous m’indiquer comment les activer en vue mobile ?

Bonjour :wave:

Il semble que ces champs ne soient masqués qu’avec une classe .hidden sur mobile.

Vous pouvez les révéler, mais comme ils ne sont pas stylisés pour la vue mobile, cela nécessite un peu plus de règles CSS pour qu’ils n’aient pas l’air trop bancals.

Vous pouvez commencer par ceci :

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

Mettez-le dans l’onglet Mobile de votre thème ou composant.

Cela ressemblera à ceci :

Je ne l’ai pas beaucoup testé, et cela pourrait interférer avec des plugins ou des composants qui utilisent les sorties disponibles avant et après ces sélecteurs.

C’est donc probablement plus une base de travail qu’une chose entièrement fonctionnelle… Vous pouvez essayer et voir comment ça se passe :slight_smile:

Edit :

On me dit que ces champs sont visibles par défaut sur une page de catégorie.

Donc, mon code CSS dans son état actuel va un peu perturber la mise en page de ces champs sur la page de catégorie et nécessitera plus de retouches. :slight_smile:

4 « J'aime »

Vous pouvez jeter un œil à ceci :

2 « J'aime »

Je ne sais pas vraiment comment utiliser CSS, en fait, je ne suis pas du tout lié au domaine de l’informatique.

S’il y a une option que je peux activer ou désactiver, je peux le faire.

Je crains qu’il n’y ait actuellement aucun interrupteur d’interface utilisateur pour cela. Vous devrez créer un petit composant de thème et y ajouter du code supplémentaire pour obtenir ce comportement sur mesure.

1 « J'aime »

Pouvez-vous m’enseigner ?

2 « J'aime »