Neu Kategorien in Navbar nur einzeilig und auf ganzer Breite

gastrovertriebskontor

Aktives Mitglied
3. Februar 2011
9
0
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!!
 
Zuletzt bearbeitet:

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Um das Megamenü über die gesamte Breite des Headers zu ziehen genügt eine Style-Angabe:
CSS:
#evo-main-nav > .container {
    width: auto;
}
 

ostseemodellbau

Aktives Mitglied
20. Januar 2018
40
3
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

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
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

Aktives Mitglied
20. Januar 2018
40
3
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

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
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

Aktives Mitglied
20. Januar 2018
40
3
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

Aktives Mitglied
18. November 2019
32
2
Um das Megamenü über die gesamte Breite des Headers zu ziehen genügt eine Style-Angabe:
CSS:
#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.

1580552898649.png

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

trennscheibenwelt

Sehr aktives Mitglied
17. März 2017
1.029
221
Herne
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

Aktives Mitglied
20. Januar 2018
40
3
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

Sehr aktives Mitglied
17. März 2017
1.029
221
Herne
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

Sehr aktives Mitglied
17. März 2017
1.029
221
Herne
Habe die Lösung selber gefunden.

Mein css Schnipsel sieht nun so aus:

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

Ron

Aktives Mitglied
19. August 2015
11
1
Taucha
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
 
Ähnliche Themen
Titel Forum Antworten Datum
Artikelbegrenzung Kategorien JTL-Wawi 1.8 0
Neu Zugang zu Kategorien nur per Kennworteingabe Plugins für JTL-Shop 3
Neu Neu erstellte Kategorien werden nicht mehr im Megamenue & Kategoriebaum angezeigt Betrieb / Pflege von JTL-Shop 7
Neu SEO URL der Kategorien wird nicht an Shopware 6 übertragen Shopware-Connector 0
In Diskussion Automatische Zuweisung der Kategorien für Artikel durch Workflow JTL-Workflows - Ideen, Lob und Kritik 3
Neu WAWI Kategorien werden im Shop nicht angezeigt Gelöste Themen in diesem Bereich 3
Neu Gruppierung im Megamenü unabhängig von Kategorien Allgemeine Fragen zu JTL-Shop 0
Neu Das leidige Thema Kategorien Shopify-Connector 3
Neu Rabatt für Kunde auf bestimmte Kategorien Arbeitsabläufe in JTL-Wawi 0
Neu Kategorien werden nicht abgeholt Shopware-Connector 0
Neu Unterkategorien oder zumindest Artikel in Kategorien kopieren? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Frage zu Shopify Kategorien Shopify-Connector 1
Neu Innaktive Kategorien / Artikel bleiben in der Sitemap JTL-Shop - Fehler und Bugs 11
Fehler bei Kategorien löschen JTL-Wawi 1.8 0
Suchergebnisse normale Suche filtern MEHRERE Kategorien anklicken geht nicht Einrichtung JTL-Shop5 1
Neu JTL Wawi Bild-Upload unvollständig oder nur als mit meinem PC hochgeladen zu sehen User helfen Usern - Fragen zu JTL-Wawi 2
Neu List & Label Neue Vorlage Projektbaustein Bild Logo nur auf erstem Exemplar anzeigen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Stickprogramm - Kosten die Kunde nur einmalig bezahlen muss Allgemeine Fragen zu JTL-Shop 1
Neu Vorlagen: Formel um Textfeld nur auf der letzten Seite der Rechnung darzustellen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu JTL überträgt Versandart Sendungsnummer nur teilweise an Amazon Amazon-Anbindung - Fehler und Bugs 3
Gelöst Packtisch+ 1.8.112 : Rechnung wird bei Teillieferung erzeugt, obwohl als Ausführungsbedingung "Nur bei der letzten Teillieferung" ausgewählt ist. JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Neu Umzug auf neuen Rechner mit nur einem Mandant User helfen Usern - Fragen zu JTL-Wawi 3
Neu wenn abweichende Adresse dann nur weiße Seite? JTL-Shop - Fehler und Bugs 7
Neu Produktkategorie in "Vorauswahl Produktkategorien" nicht verfügbar / Variationswerte "Size" nicht verfügbar, nur size_name Amazon-Anbindung - Fehler und Bugs 0
Worker angeblich nicht gestartet und nicht konfigurierbar - Aber auf nur einem neuen Win11 Client?!? JTL-Wawi 1.7 2
Neu Amazon Lister übergibt nur das Hauptbild an Amazon, weiter Bilder werden nicht übertragen Amazon-Lister - Fehler und Bugs 0
Neu Preise nur mit login. möglich? Allgemeine Fragen zu JTL-Shop 4
In Bearbeitung Mehrere Karten/Buchnungskonten aber nur ein Karten-Terminal (Ethernet) Allgemeine Fragen zu JTL-POS 4
Neu OnPage Composer lädt nicht! Nur blauer Balken - OPC startet nicht! JTL-Shop - Fehler und Bugs 7
Nur noch sporadischer Versand per Mail von Rechnungen, Lieferscheinen und Mahnungen nach Update auf Version 1.8. JTL-Wawi 1.8 0
Gelöst "Nur letzten ausführen" führt dennoch mehrere Gelöste Themen in diesem Bereich 3
Neu UVP nur in Artikeldetails, NICHT auf Artikelliste? Templates für JTL-Shop 1
Neu Lieferstatus anzeigen "Nur, wenn Lagerbestand 0 ist" Allgemeine Fragen zu JTL-Shop 0
Rechnungserstellung sehr umständlich - nur einzeln möglich JTL-Wawi 1.8 4
SQL ifGetPrice liefert nur netto Preise, wie komme ich an Brutto ran? JTL-Wawi 1.7 4
Neu Nur eine Währung bei der AB und Rechnung JTL-Wawi 1.6 0

Ähnliche Themen