Come nascondere "Ultimi", "Più votati", "Categorie" e il menu a tendina nella homepage

[AmzDis]

Ciao a tutti, il nostro sito web https://amzdis.com (Amazon Discount) vuole nascondere le voci ‘Ultime’, ‘Top’, ‘Categorie’ nella home page. Quale CSS dovremmo inserire nella sezione Personalizza delle Impostazioni?

Vedi screenshot per desktop

Vedi screenshot per mobile

[AmzDis]

Ho aggiunto il CSS personalizzato qui sotto e sono riuscito a rimuovere solo l’elenco a discesa dalla pagina iniziale (Desktop), ma il menu a discesa è ancora visibile su mobile.

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

Il menu a discesa è scomparso su Desktop.

Ma il menu a discesa è ancora visibile su mobile.

[Jonathan5]

Penso che tu debba utilizzare questa impostazione del sito.

Menu superiore

Determina quali elementi appaiono nella navigazione della homepage e in quale ordine. Esempio: latest|new|unread|categories|top|read|posted|bookmarks

[AmzDis]

Grazie, Jonathan5.

Hai ragione.

Dopo aver configurato il menu in alto, deve esserci un valore ‘latest’.

Come posso nascondere ‘latest’ nella home page, dato che ‘latest’ è l’unica opzione e l’argomento predefinito?

[Jonathan5]

Non lo so, ma indovino CSS. Spesso il CSS per dispositivi mobili e per desktop è diverso. Il tuo browser desktop probabilmente ha un pulsante per simulare un dispositivo mobile e scoprire la classe/ID CSS.

[ondrej]

Desktop

.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;
}