Catégories d'en-tête pour la barre de navigation

J’ai le problème, il n’est affiché que dans le coin supérieur gauche et pas sur toute la largeur. J’utilise le composant de thème de recherche pleine largeur et d’en-tête. Je n’ai aucun plugin installé.

2 « J'aime »

Je peux reproduire le problème en utilisant ensemble les catégories d’en-tête navbar et le composant pleine largeur.

3 « J'aime »

pour que cela fonctionne avec le composant pleine largeur, vous devrez ajouter du CSS à votre thème…

Quelque chose comme ceci devrait vous mettre en meilleure forme :

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 « J'aime »

Merci, cela a résolu le problème !

Je me demande aussi s’il existe un moyen de trier les catégories qui y sont affichées ?

1 « J'aime »

Je pense que l’ordre est le même que sur la page des catégories. Vous pouvez le modifier en suivant Reordering categories and setting fixed category positions

3 « J'aime »

Problème suivant :

Lorsque je suis dans un sujet, j’essaie de cliquer sur une catégorie.

Voici ce qui se passe :

Le menu disparaît.

Erreur dans la console :

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 « J'aime »

Même problème ici

Pour reproduire : cliquez sur une catégorie + F5

5 « J'aime »

J’ai fait quelques mises à jour qui devraient résoudre ce problème.

5 « J'aime »

Merci beaucoup d’avoir corrigé !

Pourriez-vous envisager d’ajouter une option pour appliquer l’ordre de tri de la barre latérale aux catégories de la barre de navigation supérieure ? Cela permettrait aux utilisateurs d’appliquer leurs propres choix à la barre de navigation des catégories supérieures.

1 « J'aime »

Ceci est utile mais ne fonctionne plus, essayez ceci

html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
    height: 5em !important;
}
2 « J'aime »

Obtention d’un message « page introuvable » sur le lien d’aperçu dans le premier message

2 « J'aime »

Ah, désolé pour ça. Essayez à nouveau maintenant. :+1:

1 « J'aime »

Est-il possible d’inclure la barre de navigation dans l’en-tête à côté du logo si vous n’avez que quelques catégories ?

Cordialement
Olle

C’est utile. Merci.

Je me demande s’il est possible de centrer la barre de navigation sur le site Web ?

Est-il possible d’inclure la barre de navigation dans l’en-tête où se trouve le logo ?

Je me demande également s’il est possible de masquer la barre de navigation sur les pages /login et /signup car elle y apparaît même lorsqu’il n’y a pas d’en-tête ici.

Cordialement
Olle