/ / Top nav i foundation zurb - viser hovedmenuen selv når de er i mobil - zurb-foundation

Top nav i foundation zurb - viser hovedmenuen selv når du er i mobil - zurb-foundation

Når brugeren er på mobilen, vil jeg gerne have, at menuen også vises og ikke skjules. Men uanset hvordan jeg justerer show-on-small muligheder, vises det ikke.

Sådan vises det i øjeblikket på en lille skærm

Indtast billedbeskrivelse her

Hvordan jeg vil gerne have det vist. (med menuikonet)

Indtast billedbeskrivelse her

Jeg ville sørge for, at den er kort nok sådan, at den passer, men jeg er lidt forvirret over, hvordan man får det til at fungere.

Mange tak!

svar:

2 for svar № 1

Hvis du bruger SASS, skal du åbne _top-bar.scss fil, find $topbar-breakpoint variabel og indstil pixelværdien til 1px. Dette vil gøre det brydepunkt, der forårsager foundation.topbar.js at skifte til mobilstilen for lille til at forekomme.

Hvis du bruger almindelige css-filer, skal du søge efter .top-bar-js-breakpoint stil og ændre width til 1px der.


1 for svar № 2

Tilføjelse til chrisjsherms svar, jeg endte med at gøre dette. I standard app.scss fil, lige efter at indstillingsfilen er importeret, tilsidesætter du $ topbar-breakpoint-variablen.

// Global Foundation Settings
@import "settings";

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

Beslægtede spørgsmål


Kommentarer (0)

Tilføj en kommentar