Neu Nova Template: Mega Menu Darstellung der Unterkategorien

[Horst3000]

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

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

 

[css-umsetzung]

@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;
    }
}

 

[Horst3000]

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üße

 

[css-umsetzung]

Das regelst du in den Template Einstellungen vom Megamenü

 

[Horst3000]

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?

 

[css-umsetzung]

da kommt dann noch ein

header .submenu-headline-image {
  margin: auto;
}

 

[exilianer]

Vielen Dank - hat mir auch geholfen - in folgender Form im CSS Bereich des Child Template

header .submenu-headline-image {
  margin: auto;
}
    header .submenu-headline-toplevel {
        text-align: center;
    }