/ / Top nav in der foundation zurb - zeigt das Hauptmenü auch unterwegs an - zurb-foundation

Top nav in foundation zub - zeigt das Hauptmenü auch unterwegs an - zurb-foundation

Wenn der Benutzer auf dem Handy ist, möchte ich, dass das Menü ebenfalls angezeigt wird und nicht ausgeblendet wird. Aber egal, wie ich die Show-auf-kleine-Optionen zwicke, wird es nicht angezeigt.

Wie es derzeit auf einem kleinen Bildschirm erscheint

Bildbeschreibung hier eingeben

Wie ich es gerne hätte. (mit dem Menüsymbol)

Bildbeschreibung hier eingeben

Ich würde sicherstellen, dass es so kurz ist, dass es passt, aber ich bin ziemlich verwirrt darüber, wie es funktioniert.

Danke vielmals!

Antworten:

2 für die Antwort № 1

Wenn Sie SASS verwenden, öffnen Sie die _top-bar.scss Datei, finde die $topbar-breakpoint Variable und setzen Sie den Pixelwert auf 1px. Dies wird den Haltepunkt machen, der das verursacht foundation.topbar.js Zum Umschalten auf den Mobilstil zu klein um zu erscheinen.

Wenn Sie normale CSS-Dateien verwenden, suchen Sie nach dem .top-bar-js-breakpoint Stil und ändern Sie die width zu 1px Dort.


1 für die Antwort № 2

Nachdem ich die Antwort von chrisjsherm hinzugefügt habe, bin ich damit fertig geworden. Überschreibe in der Standarddatei app.scss, direkt nachdem die Einstellungsdatei importiert wurde, die Variable $ topbar-breakpoint.

// Global Foundation Settings
@import "settings";

// Override settings for this project only
$topbar-breakpoint: 1px;

Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen