Neu Nova Template: Mega Menu Darstellung der Unterkategorien

Horst3000

Neues Mitglied
14. Juli 2022
7
0
Hallo zusammen!

Im Mega Menü des Nova Templates werden Unterkategorien (bei Hover durch dropdown sichtbar) linksbündig dargestellt, sowohl Text als auch Kategoriebild.
Gibt es hier die Möglichkeit, hier eine zentrierte Darstellung von Bild & Text der Subkategorie umzusetzen, sowie um jede dargestellte Unterkategorie einen Rahmen zu ziehen?
Des Weiteren sind noch mal Sub-Subkategorien in der Menü Darstellung sichtbar, welche ich über das JTL Header Plugin vermeintlich ausgeschaltet habe, sind jedoch noch sichtbar.
Ich weiß, das sind jetzt drei Wünsche auf einmal :D

1. Sub Kategorie zentriert in Schrift und Bild
2. Sub Sub Kategorie nicht im Menü sichtbar
3. Rahmen um Subkategorie

Screenshots von Ist und Soll Zustand anbei. Vielen Dank & VG


megamenusubkategorie.jpg

megamenusubkategoriesoll.jpg
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.639
1.583
Berlin
CSS:
@media (min-width: 992px) {
    header .navbar-nav .dropdown .nav-item {
      text-align: center;
      padding:0.5rem;
    }

    header .submenu-headline-toplevel {
        padding:1rem;
      border: 1px solid #c3c3c3;
    }
    
    header .submenu-headline-toplevel:hover {
        box-shadow:1px 1px 10px 2px #cecece;
    }
}
 
  • Gefällt mir
Reaktionen: sah und Horst3000

Horst3000

Neues Mitglied
14. Juli 2022
7
0
Guten Morgen,

Vielen Dank für die schnelle Antwort!
Jetzt stimmt fast alles, lediglich bekomme ich die Subkategorien nicht weg und die images in der Box nicht zentriert.
Hat jemand hierzu noch mal eine Idee?

Vielen Dank und viele Grüßemegamenu.jpg
 

Horst3000

Neues Mitglied
14. Juli 2022
7
0
Vielen Dank, sorry, manchmal sieht man vor lauter Bäumen den Wald nicht mehr.
Ich hab jetzt versucht das image für die Sub Kategorie in der Navigation zu zentrieren (so wie den Subkategorietitel), gelingt mir allerdings nicht...
Hast du hierzu noch eine Idee?
 

exilianer

Aktives Mitglied
4. Mai 2017
17
0
Vielen Dank - hat mir auch geholfen - in folgender Form im CSS Bereich des Child Template

Code:
header .submenu-headline-image {
  margin: auto;
}
    header .submenu-headline-toplevel {
        text-align: center;
    }
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Nova Template Container in Container Boxed Templates für JTL-Shop 2
Neu JTL-Shop 5 Nova-Template / Darstellung der Produktliste teilweise fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu Vorstellung des Avada-Themes für das NOVA-Template Templates für JTL-Shop 2
Neu Nova Farbe ändern Templates für JTL-Shop 14
Neu Nova - Größe der Slides / Anzahl der Artikel bei Cross Selling Slider anpassen Templates für JTL-Shop 3
Neu Social-Media Icon Nova Templates für JTL-Shop 0
Neu nova änderungen Templates für JTL-Shop 13
Neu NOVA, Logo wird in mobiler Ansicht verzerrt dargestellt Templates für JTL-Shop 0
Neu Template anpassen - parallel zum bestehenden, ohne Aktivierung? Templates für JTL-Shop 2
Beantwortet Werte eigener Kundenfelder im Template anzeigen Allgemeine Fragen zu JTL-Shop 0
Neu Template/ Vorlage für Bestellbestätigung gesucht Templates für JTL-Shop 0
Neu Unterstützung bei JTL5-Shop-Überarbeitung gesucht - Template/Plugin uvm. Dienstleistung, Jobs und Ähnliches 1
Neu JTL Shop Template Domain lösen? Allgemeine Fragen zu JTL-Shop 0
Neu How to maintain session value in the portlet template file Technische Fragen zu Plugins und Templates 0
Neu Custom Template für Custom Artikel mit Plugin? Plugins für JTL-Shop 0
Neu Template für Dateinamen hat nicht den gewünschten Effekt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 6
Neu Eigenes Template sichern Templates für JTL-Shop 1
Neu Datenbankeintrag mit ausgewähltem Template Templates für JTL-Shop 0

Ähnliche Themen