Wie man 'Neueste', 'Top', 'Kategorien' und Dropdown auf der Homepage ausblendet

[AmzDis]

Hallo zusammen, unsere Website https://amzdis.com (Amazon Discount) möchte die Elemente „Neueste“, „Top“ und „Kategorien“ auf der Startseite ausblenden. Welchen CSS-Code sollte ich in den Anpassungseinstellungen eingeben?

Siehe Desktop-Screenshot

Siehe Mobile-Screenshot

[AmzDis]

Ich habe untenstehendes benutzerdefiniertes CSS hinzugefügt und kann die Dropdown-Liste nur auf der Startseite (Desktop) entfernen; auf dem Mobilgerät wird das Dropdown weiterhin angezeigt.

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

Auf dem Desktop ist das Dropdown verschwunden.

Aber auf dem Mobilgerät wird das Dropdown weiterhin angezeigt.

[Jonathan5]

Ich denke, du musst diese Site-Einstellung verwenden.

Hauptmenü

Bestimme, welche Elemente in der Hauptseiten-Navigation erscheinen und in welcher Reihenfolge. Beispiel: latest|new|unread|categories|top|read|posted|bookmarks

[AmzDis]

Danke, Jonathan5.

Du hast recht.

Nachdem ich das Top-Menü eingerichtet habe, muss es einen Wert ‘latest’ geben.

Wie kann ich ‘latest’ auf der Startseite ausblenden, da ‘latest’ die einzige Option und das Standardthema ist?

[Jonathan5]

Ich weiß es nicht, aber ich vermute CSS. Oft unterscheiden sich die CSS-Stile für Mobilgeräte und Desktop. Dein Desktop-Browser hat wahrscheinlich eine Funktion, um sich wie ein Mobilgerät auszugeben, um herauszufinden, welche CSS-Klasse/-ID verwendet wird.

[ondrej]

Desktop

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

Mobil

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