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

Soporte
1

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

25d73bf70e7ccae30752855af89b0db
25d73bf70e7ccae30752855af89b0db1482×629 192 KB

Ver captura de pantalla móvil

233b2133023cdda2384305f90ea4f5f
233b2133023cdda2384305f90ea4f5f1080×1920 159 KB

2

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.

e34116ed716db5695eb4187afc638fc
e34116ed716db5695eb4187afc638fc1518×603 166 KB

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

21ac254fca4d4fdb56b37d9d5567913
21ac254fca4d4fdb56b37d9d55679131080×1920 91.3 KB

3

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

4

Gracias, Jonathan5.

Tienes razón.

fd232598d874a6fcf6505a28de82c80
fd232598d874a6fcf6505a28de82c801263×602 41.4 KB

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?

5f3962c53ccb80e3fa21d77ec4eb80b
5f3962c53ccb80e3fa21d77ec4eb80b1056×741 151 KB

5

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.

6

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