Barra de navegación de categorías de encabezado

Tengo el problema, solo se muestra en la esquina superior izquierda y no a todo lo ancho. Estoy usando el componente de tema de búsqueda de ancho completo y encabezado. No tengo ningún plugin instalado.

2 Me gusta

Puedo reproducir el problema usando las categorías de encabezado navbar y el componente de ancho completo juntas.

3 Me gusta

para que esto funcione junto con el componente de ancho completo, necesitarías agregar algo de CSS a tu tema…

Algo como esto debería ponerte en mejor forma:

html:not(.has-full-page-chat) .custom-categories-navbar {
  grid-column-start: 1;
  grid-column-end: -1;
}

.has-sidebar-page .d-header > .wrap .contents {
  gap: 0 1em;
}
4 Me gusta

¡Gracias, esto solucionó el problema!

También me pregunto si hay alguna forma de ordenar las categorías que se muestran allí.

1 me gusta

Creo que el orden es el mismo que en la página de categorías. Puedes cambiarlo siguiendo Reordering categories and setting fixed category positions

3 Me gusta

Siguiente problema:

Cuando estoy en un tema, intento hacer clic en una categoría.

Entonces sucede esto:

El menú desaparece.

Error de consola:

custom-categories-navbar.js:64 Uncaught (in promise) 
TypeError: Cannot read properties of null (reading 'scrollIntoView')
    at n.setActiveSlug (custom-categories-navbar.js:64:52)
    at new n (custom-categories-navbar.js:48:12)
    at EmberGlimmerComponentManager.createComponent (base-component-manager.js:26:14)
    at EmberGlimmerComponentManager.createComponent (ember-component-manager.js:51:29)
    at M.create (manager.js:543:1)
    at Object.evaluate (runtime.js:2676:1)
    at Object.evaluate (runtime.js:1052:1)
    at It.evaluateSyscall (runtime.js:4204:1)
    at It.evaluateInner (runtime.js:4175:1)
    at It.evaluateOuter (runtime.js:4168:1)
    at Wt.next (runtime.js:4999:1)
    at Wt._execute (runtime.js:4986:1)
    at Wt.execute (runtime.js:4979:1)
    at $t.insertItem (runtime.js:4468:1)
    at $t.sync (runtime.js:4429:1)
    at $t.evaluate (runtime.js:4366:1)
    at Dt._execute (runtime.js:4247:1)
    at Dt.execute (runtime.js:4232:1)
    at qt.rerender (runtime.js:4547:1)
    at index.js:4674:1
    at index.js:4934:1
    at Nt (runtime.js:4080:1)
    at gr._renderRoots (index.js:4916:1)
    at gr._renderRootsTransaction (index.js:4960:1)
    at gr._revalidate (index.js:4992:1)
    at invoke (backburner.js.js:280:1)
    at h.flush (backburner.js.js:197:1)
    at p.flush (backburner.js.js:358:1)
    at B._end (backburner.js.js:798:1)
    at B.end (backburner.js.js:589:1)
    at B._run (backburner.js.js:842:1)
    at B._join (backburner.js.js:819:1)
    at B.join (backburner.js.js:629:1)
    at Array.<anonymous> (index.js:4765:1)
    at B._trigger (backburner.js.js:896:1)
    at B._end (backburner.js.js:811:1)
    at B._boundAutorunEnd (backburner.js.js:523:1)
3 Me gusta

Mismo problema aquí

Para reproducir: haz clic en una categoría + F5

5 Me gusta

Acabo de hacer algunas actualizaciones que deberían solucionar esto.

5 Me gusta

¡Muchas gracias por arreglarlo!

¿Podrías considerar agregar una opción para aplicar el orden de clasificación de la barra lateral a la barra de navegación de las categorías del encabezado? Esto daría la posibilidad de que los usuarios apliquen sus propias elecciones a la barra de navegación de las categorías del encabezado.

1 me gusta

Esto es útil pero ya no funciona, prueba esto

html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
    height: 5em !important;
}
2 Me gusta

Obteniendo un “página no encontrada” en el enlace de vista previa en la primera publicación

2 Me gusta

Ah, lo siento. Inténtalo de nuevo ahora. :+1:

1 me gusta

¿Es posible incluir la barra de navegación en la cabecera junto al logo si solo tienes unas pocas categorías?

Saludos
Olle

Eso es útil. Gracias.

¿Sería posible centrar la barra de navegación en el sitio web?

¿Es posible incluir la barra de navegación en la cabecera donde está el logo?

También me pregunto si es posible ocultar la barra de navegación en las páginas /login y /signup porque aparece allí incluso cuando no hay cabecera aquí.

Saludos cordiales
Olle