Como ocultar 'Mais recentes', 'Mais populares', 'Categorias' e o menu suspenso na página inicial

[AmzDis]

Olá a todos, nosso site https://amzdis.com (Amazon Discount) deseja ocultar ‘Últimos’, ‘Topos’ e ‘Categorias’ na página inicial. Qual CSS deve ser inserido em Personalizar das Configurações?

Veja a captura de tela para desktop

Veja a captura de tela para celular

[AmzDis]

Adicionei o CSS personalizado abaixo e consegui remover apenas a lista suspensa da página inicial (Desktop), mas a lista suspensa ainda aparece no mobile.

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

A lista suspensa sumiu no Desktop.

Mas a lista suspensa ainda aparece no mobile.

[Jonathan5]

Acho que você precisa usar essa configuração do site.

menu superior

Determine quais itens aparecem na navegação da página inicial e em que ordem. Exemplo: latest|new|unread|categories|top|read|posted|bookmarks

[AmzDis]

Obrigado, Jonathan5.

Você tem razão.

Depois que configurei o menu superior, ele deve ter um valor ‘latest’.

Como posso ocultar o ‘latest’ na página inicial, já que o ‘latest’ é a única opção e os tópicos padrão?

[Jonathan5]

Não sei, mas apostaria no CSS. Muitas vezes, o CSS para dispositivos móveis é diferente do CSS para desktop. Seu navegador de desktop provavelmente tem um botão para simular um dispositivo móvel e descobrir a classe/id do CSS.

[ondrej]

Desktop

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

Móvel

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