Cómo ocultar "Lo último", "Lo más popular", "Categorías" y el menú desplegable en la página de inicio

Hola a todos, nuestro sitio web https://amzdis.com (Amazon Discount) desea ocultar las secciones ‘Últimos’, ‘Top’ y ‘Categorías’ en la página de inicio. ¿Qué código CSS debo agregar en Personalizar de Configuración?

Ver captura de pantalla de escritorio

Ver captura de pantalla móvil

Agregué el siguiente CSS personalizado y solo pude eliminar la lista desplegable de la página de inicio (escritorio), pero la lista desplegable aún aparece en móviles.

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

La lista desplegable ha desaparecido en escritorio.

Pero la lista desplegable aún aparece en móviles.

Creo que necesitas usar esta configuración del sitio.

menú superior

Determina qué elementos aparecen en la navegación de la página de inicio y en qué orden. Ejemplo: latest|new|unread|categories|top|read|posted|bookmarks

Gracias, Jonathan5.

Tienes razón.

Después de configurar el menú superior, debe tener un valor llamado ‘latest’.

¿Cómo puedo ocultar ‘latest’ en la página de inicio, ya que es la única opción y el tema predeterminado?

No lo sé, pero supongo que es CSS. A menudo, el CSS para móviles y para escritorio es diferente. Tu navegador de escritorio probablemente tenga un botón para simular ser un dispositivo móvil y así descubrir la clase/ID del CSS.

Escritorio

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

Móvil

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