Comment masquer les 'Dernières', 'Top', 'Catégories' et le menu déroulant sur la page d'accueil

[AmzDis]

Bonjour à tous, notre site web https://amzdis.com (Amazon Discount) souhaite masquer les éléments « Derniers », « Meilleurs » et « Catégories » sur la page d’accueil. Quel code CSS faut-il ajouter dans la section Personnaliser des Paramètres ?

Voir la capture d’écran pour ordinateur

Voir la capture d’écran pour mobile

[AmzDis]

J’ai ajouté le CSS personnalisé ci-dessous et je parviens uniquement à masquer la liste déroulante sur la page d’accueil (bureau), mais la liste déroulante s’affiche toujours sur mobile.

.navigation-topics ol.category-breadcrumb {
display: none;}

La liste déroulante a disparu sur bureau.

Mais la liste déroulante s’affiche toujours sur mobile.

[Jonathan5]

Je pense que vous devez utiliser ce paramètre du site.

Menu principal

Déterminez quels éléments apparaissent dans la navigation de la page d’accueil et dans quel ordre. Exemple : latest|new|unread|categories|top|read|posted|bookmarks

[AmzDis]

Merci, Jonathan5.

Vous avez raison.

Après avoir configuré le menu principal, il doit comporter une valeur « latest ».

Comment puis-je masquer « latest » sur la page d’accueil, puisque « latest » est le seul choix et les sujets par défaut ?

[Jonathan5]

Je ne sais pas, mais je parierais sur du CSS. Souvent, le CSS pour mobile et pour ordinateur de bureau est différent. Votre navigateur de bureau possède probablement un bouton pour simuler un appareil mobile afin de découvrir la classe ou l’identifiant CSS.

[ondrej]

Bureau

.nav-pills>li a.active {
    color: var(--secondary);
    background-color: var(--quaternary);
    display: none;
}

Mobile

.list-controls .nav-pills .navigation-toggle {
    flex: 0 1 auto;
    display: none;
}