/ / Top nav az alapítvány zurb - a főmenü megjelenítéséhez még mobil - zurb alapon is

Top nav az alapítvány zurbban - a főmenü megmutatása még a mobil - zurb alapon is

Amikor a felhasználó a mobilon van, szeretném, ha a menü is megjelenik, és nem rejti el. De nem számít, hogyan csípettem meg a show-on-kicsi lehetőségeket, ez nem jelenik meg.

Hogyan jelenik meg jelenleg egy kis képernyőn

itt írja be a kép leírását

Hogy szeretném, hogy megjelenjen. (a menü ikonnal)

itt írja be a kép leírását

Biztosra veszem, hogy elég rövid ahhoz, hogy illeszkedjen, de meglehetősen zavaros vagyok, hogyan kell működnie.

Nagyon köszönöm!

válaszok:

2 a válasz № 1

Ha SASS-ot használ, nyissa meg a _top-bar.scss fájl, keresse meg a $topbar-breakpoint változó, és állítsa be a képpont értékét 1px. Ez teszi azt a töréspontot, amely a foundation.topbar.js hogy a mobil stílus túl kicsi legyen.

Ha rendszeres css fájlokat használ, keresse meg a .top-bar-js-breakpoint stílus és változtassa meg width nak nek 1px ott.


1 a válasz № 2

A chrisjsherm válasza hozzáadásával végül ezt végeztem: az alapértelmezett app.scss fájlban, közvetlenül a beállítási fájl importálása után felülírja a $ topbar-breakpoint változót.

// Global Foundation Settings
@import "settings";

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

Kapcsolódó kérdések


Hozzászólások (0)

Hozzászólni