Header-Kategorien Navigationsleiste

Ich habe das Problem, es wird nur in der oberen linken Ecke angezeigt und nicht über die volle Breite. Ich verwende die Full-Width- und Header-Search-Theme-Komponente. Ich habe keine Plugins installiert.

2 „Gefällt mir“

Ich kann das Problem reproduzieren, indem ich die Header-Kategorien “Navbar” und “Full Width Component” zusammen verwende.

3 „Gefällt mir“

damit dies zusammen mit der Vollbreitenkomponente funktioniert, müssen Sie Ihrem Theme etwas CSS hinzufügen…

Etwas wie das hier sollte Sie in eine bessere Form bringen:

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 „Gefällt mir“

Vielen Dank, das hat das Problem behoben!

Ich frage mich auch, ob es eine Möglichkeit gibt, die dort angezeigten Kategorien zu sortieren?

1 „Gefällt mir“

Ich glaube, die Reihenfolge ist dieselbe wie auf der Kategorieseite. Sie können das ändern, indem Sie Reordering categories and setting fixed category positions folgen.

3 „Gefällt mir“

Nächstes Problem:

Wenn ich in einem Thema auf eine Kategorie klicke.

Dann passiert das:

Das Menü verschwindet.

Konsolenfehler:

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 „Gefällt mir“

Gleiches Problem hier

Zur Reproduktion: auf eine Kategorie klicken + F5

5 „Gefällt mir“

Ich habe gerade einige Updates vorgenommen, die dies beheben sollten

5 „Gefällt mir“

Vielen Dank für die Fehlerbehebung!

Könnten Sie erwägen, eine Option hinzuzufügen, um die Sortierreihenfolge der Seitenleiste auf die Navigationsleiste der Header-Kategorien anzuwenden? Dies würde den Benutzern die Möglichkeit geben, ihre eigenen Auswahlmöglichkeiten auf die Navigationsleiste der Header-Kategorien anzuwenden.

1 „Gefällt mir“

Das ist hilfreich, funktioniert aber nicht mehr, versuchen Sie es damit

html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
    height: 5em !important;
}
2 „Gefällt mir“

Erhalte eine “Seite nicht gefunden”-Meldung für den Vorschau-Link im ersten Beitrag

2 „Gefällt mir“

Ah, das tut mir leid. Versuchen Sie es jetzt noch einmal. :+1:

1 „Gefällt mir“

Ist es möglich, die Navigationsleiste neben dem Logo im Header unterzubringen, wenn man nur wenige Kategorien hat?

Mit freundlichen Grüßen
Olle

Das ist hilfreich. Danke.

Ich frage mich, ob es möglich ist, die Navigationsleiste auf der Website zu zentrieren?

Ist es möglich, die Navigationsleiste in den Header einzufügen, wo sich das Logo befindet?

Ich frage mich auch, ob es möglich ist, die Navigationsleiste auf der /login- und /signup-Seite auszublenden, da sie dort erscheint, auch wenn hier kein Header vorhanden ist.

Mit freundlichen Grüßen
Olle