Hamburger Menü bei Tablett-Ansicht aktivieren

  • Ersteller des Themas Ersteller des Themas Arthur
  • Erstellungsdatum Erstellungsdatum

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
Hallo Zusammen.

Meine Navbar ist in der Breite voll ausgeschöpft, so dass die Navigationsleiste bei der Tablett-Ansicht zweizeilig wird. Wie kann ich sie so umstellen, dass sich bereits bei der Tablett-Ansicht das Hamburger Menü aktiviert?
Vielen Dank.

Gruß
Arthur
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.881
529
Halle
AW: Hamburger Menü bei Tablett-Ansicht aktivieren

Hallo,

dazu genügen folgende kleine Änderungen:

in layout/header_xs_nav.tpl Zeile1
HTML:
<nav id="shop-nav-xs" class="navbar navbar-default visible-xs">
ersetzen mit
HTML:
<nav id="shop-nav-xs" class="navbar navbar-default visible-xs visible-sm">

und in layout/header.tpl Zeile 131
HTML:
<div class="category-nav navbar-wrapper hidden-xs">
ersetzen durch
HTML:
<div class="category-nav navbar-wrapper hidden-xs hidden-sm">
 

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
AW: Hamburger Menü bei Tablett-Ansicht aktivieren

Danke für den Hinweis FPrüfer.
Soweit läufts auch, allerdings wird ein Teil der Kategorien, welche in der Navi stehen, noch immer - trotz Hamburger Menü - in der Navi angezeigt. Und auch die Suche, Anmelden und der Warenkorb ebenso.

Gruß Arthur
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.881
529
Halle
AW: Hamburger Menü bei Tablett-Ansicht aktivieren

Hallo,
...allerdings wird ein Teil der Kategorien, welche in der Navi stehen, noch immer - trotz Hamburger Menü - in der Navi angezeigt.
Hast du da mal einen Link zum nachschauen!?

Und auch die Suche, Anmelden und der Warenkorb ebenso.
Das ist dann ein bissel Fleissarbeit... Hier musst du in layout/header_shop_nav.tpl alle Elemente raussuchen, die die Klasse "hidden-xs" haben und dort zusätzlich die Klasse "hidden-sm" ergänzen. Bei den entsprechenden Pendants mit "visible-xs" eben auch ein "visible-sm".
 

Ähnliche Themen