Neu Kategorien in Navbar nur einzeilig und auf ganzer Breite

[gastrovertriebskontor]

Hallo liebe Community,

ich durchsuche seit 2 Tagen das Forum und bin leider nicht fündig geworden. Vielleicht erhalte ich auf diese Weise einen Hinweis.

Ich möchte die Kategorien in der Navbar(Megamenü) gerne auf ganzer Breite der Seite angezeigen. Momentan verteilen sich die Kategorie-Links nur auf der Breite des Content-Bereiches und werden in zwei Zeilen dargestellt.
Wir arbeiten auf der Startseite mit dem Container-Fluid und dem mitlaufenden Header Menü.

Wo muss ich etwas ändern, um eine einzeilige Darstellung auf ganzer Breite anzeigen zu können?

Vielen Dank für die Hilfe!!

 

[FPrüfer]

Um das Megamenü über die gesamte Breite des Headers zu ziehen genügt eine Style-Angabe:

#evo-main-nav > .container {
    width: auto;
}

 

[gastrovertriebskontor]

manchmal kann es so einfach sein!
Vielen Dank für schnelle Hilfe!

 

[ostseemodellbau]

Hallo,
auch wenn der Beitrag schon etwas älter ist, scheint hier die Lösung zu stehen, wie ich die Kategorien in der Navbar(Megamenü) auf ganzer Breite der Seite angezeigen lassen kann.
Mein Problem ist, dass ich nicht weiß, wo ich die oben genannte Style Angabe

CSS:

#evo-main-nav > .container {
width: auto;
}


eintrage bzw. ändere.
Wäre toll, wenn mir da mal jemand helfen könnte.

Danke vorab
Gruß
Tom

 

[FPrüfer]

Hallo,
die CSS-Angaben kannst du z.B. so direkt in die custom.css deines Child-Templates eintragen. Die custom.css befindet sich normalerweise unter /templates/dein_child/themes/dein_theme/custom.css.

 

[ostseemodellbau]

Hallo Falk,
danke für die schnelle Antwort.
Mein Problem ist aber auch noch, dass ich nicht mehr weiß, wie ich zur custom.css oder eher gesagt, zu dem Editor komme.
Gruß
Tom

 

[FPrüfer]

Mein Problem ist aber auch noch, dass ich nicht mehr weiß, wie ich zur custom.css oder eher gesagt, zu dem Editor komme.

Du musst die Datei lokal auf deinem PC mit einem Texteditor bearbeiten. Im einfachsten Fall reicht dafür vim, nano oder notepad. (Auf keinen Fall sollltest du Word oder ein sonstiges "Schreibprogramm" nehmen) Nach dem Bearbeiten lädst du die custom.css - z.B. per FTP - in das entsprechende Verzeichnis auf deinem Webserver.

 

[ostseemodellbau]

Hallo,
die Datei custom.css kann ich local nicht auf meinem PC finden.
Kannst du mir, sofern die Datei lokal auf meinem Rechner ist, einen Beispielpfad nennen, wo die Datei sein könnte?
Ich muss dazu erwähnen, dass ich bei JTL einen Server habe, auf den ich von diversen PC`s zugreife, wenn ich arbeite.
Was ich nicht genau sagen kann ist, ob sich auf dem Server nur die WAWI oder auch der Shop befindet.
Für Änderungen habe ich auf jeden Fall einen Plesk Zugang (oder wie auch immer sich das nennt).
Eventuell finde ich die Datei ja auch drüber?
Sorry, aber ich bin da leider kein Spezi für sowas.

Gruß
Tom

 

[Femas]

Um das Megamenü über die gesamte Breite des Headers zu ziehen genügt eine Style-Angabe:

#evo-main-nav > .container {
    width: auto;
}

Ich benutze (im Child Template) das Theme United. Soll der Code in der custom.css angepasst werden?

Und wie kriege ich es hin, dass die nav links so aussehen wie im folgenden Screenshot? Standardmäßig sind die Links im megamenu h4 Überschriften (also viel kleiner und nicht fett), nur möchte ich nicht die Größe ALLER h4 Überschriften im Shop ändern.



Wäre für jegliche Hilfe SEHR DANKBAR!!

 

[Femas]

Kann hier wirklich niemand helfen?

 

[301Moved]

Wenn du schon ein Child Theme hast, dann sollte das in die css des Childs, wie auch immer die bei dir heißt (die ist ja quasi schon die custom des EVO).
Und ich glaube, dem #evo-main-nav kanst du auch die Styles für die Font übergeben.
https://www.w3schools.com/Css/css_font.asp

 

[trennscheibenwelt]

Hat jemand eine Idee wie ich es jetzt Zentriert bekomme?
Nach eingabe des codes

#evo-main-nav > .container {
width: auto;
}

habe ich es Linksbündig doch solange es noch platz in der Zeile gibt hätte ich es gerne Zentriert.
Kann jemand Helfen?

 

[ostseemodellbau]

Also, ich habe das gleiche Problem. Alles ist gut, aber es ist alles linksbündig und nicht zentriert.
Hinzu kommt nach, dass man sich genau überlegen muss, wie viele Kategorien man dort reinsetzt, da die Ansichten auf einem PC Monitor dann evtl. passen, schaut man sich das dann aber auf einem Laptop an, ist es wieder zweireihig.
Ich hab da jetzt in der PC Ansicht rets noch etwas Platz und auf dem Laptop passt es.

Wäre echt toll, wenn man uns hier mal helfen könnte und das letztendlich zentriert dargestellt wird.

Danke vorab
Tom

 

[trennscheibenwelt]

Hat jemand Heute eventuell die Lösung wie man es auf die Volle Breite Zentriert bekommt?

#evo-main-nav > .container {
width: auto;
}

Was muss/kann hier ergänzt werden?

 

[trennscheibenwelt]

Habe die Lösung selber gefunden.

Mein css Schnipsel sieht nun so aus:

#evo-main-nav > .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}

 

[Ron]

Ich bastele schon länger an der custom.css. Aber ich kann eintragen was ich will nichts ändert sich.

1. Ich möchte den Shop auf voller Breit nutzen. Die Startseite macht das auch aber mit Auswahl einer Kategorie ist es dann wieder mit Rand li/re.
2. Außerdem hätte ich die Kategorien oder Top Angebote gerne vor dem Startseiten Text.

Kann mir jemand einen Tipp geben
ich mache die Eintragungen in /httpdocs/templates/Evo-406/themes/evo
Die Evo 406 wird als Child genutzt ..

Wenn ich mich blöde anstelle seit bitte nachsichtig... Danke