Neu Nova Hamburger Menü

SHAAN

Sehr aktives Mitglied
26. August 2020
430
118
Moin,

ich erstelle mir gerade ein eigenes Nova Child.

Ich hätte gern wegen zu vielen Kategorien das Hamburger Menü auf allen Screengrößen gehabt. Finde aber in der haeder.tpl (5.1.2) nicht die richtige Zeile.

Welchen Block muss ich hier erben?
 

twe

Sehr aktives Mitglied
20. August 2011
245
40
Du musst in der header_top_bar.tpl suchen

Das Mega-menü findes du nach
Code:
{*categories*}
Das Burger-Menü weiter oben
Code:
                       {block name='layout-header-navbar-toggle'}
                                <button id="burger-menu" class="burger-menu-wrapper navbar-toggler collapsed {if $nSeitenTyp === $smarty.const.PAGE_BESTELLVORGANG}d-none{/if}" type="button" data-toggle="collapse" data-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                            {/block}
 

SHAAN

Sehr aktives Mitglied
26. August 2020
430
118
Guten Morgen @twe

in der header_top_bar.tpl ist es nicht. Die top bar ist die oberste Zeile mit den News und Kontakt.

Den Code den du da schreibst, habe ich aber in der header.tpl gefunden. In welche Zeile müsste der Block verschoben bzw. kopiert werden, damit das Hamburger Menü auch auf dem Desktop zu sehen ist?
 

SHAAN

Sehr aktives Mitglied
26. August 2020
430
118
Kann ich den Block nicht einfach in die navbar-nav kopieren und das css in der custom.css anpassen?

CSS:
@media (min-width: 992px){.navbar-expand-lg .navbar-toggler, .toggler-logo-wrapper .burger-menu-wrapper {
display: block !important; float: left !important;
padding-top: 1rem !important;}}

.toggler-logo-wrapper .burger-menu-wrapper {
  float: left !important;
padding-top: 1rem !important;}

header .navbar-collapse {
position: fixed;
top: 0;
left: 0;
display: block;
height: 100vh !important;
-webkit-overflow-scrolling: touch;
max-width: 16.875rem;
transition: all 0.2s ease-in-out;
z-index: 1050;
width: 100%;
background: #ffffff;}
 

SHAAN

Sehr aktives Mitglied
26. August 2020
430
118
Hi, leider bin ich nicht wirklich weiter gekommen, würde das Thema aber gern umsetzten. Über eine Hilfestellung wäre ich dankbar.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Nova mobiler Fehler bei zu vielen Produkt-Bildern Templates für JTL-Shop 0
Neu Nova Child: Wie Pfad zu Bildern angeben? Technische Fragen zu Plugins und Templates 0
Neu "span.moreinfo" im Nova Template abändern - nicht fündig geworden in den Sprachvariablen Technische Fragen zu Plugins und Templates 4
Neu <div class="checkout-confirmation-legal-notice"> - Wo finde ich dieses DIV im NOVA zwecks Löschung? Technische Fragen zu Plugins und Templates 3
Neu Die Farbe vom Loading Balken verändern im NOVA Child (Screen Inside) Technische Fragen zu Plugins und Templates 3
Darstellungsproblem NOVA Template im Admin Modus Einrichtung JTL-Shop5 7
Neu Nova Template "exkl. 19% USt." ändern in "zzgl. 19%USt." Templates für JTL-Shop 2
Neu Tipps für die Ladbarkeit JTL Shop 5 NOVA? JTL-Shop - Ideen, Lob und Kritik 2
Neu Nova Template - Voller Zoom endlich verfügbar? Templates für JTL-Shop 1
Neu Nova Template zerschossen nach Update? Linke Seitenleiste geht über die komplette Seite. Templates für JTL-Shop 2
Neu mega menu umbauen - was ist was? (NOVA-Template) Templates für JTL-Shop 5
Header und Mega Menü Einrichtung JTL-Shop5 2
Neu Aufträge: Rechtsklick Menü schließt nicht mehr JTL-Wawi - Fehler und Bugs 0
Neu coustom.css menü Allgemeine Fragen zu JTL-Shop 0

Ähnliche Themen