/ / Top nav v základnom meste - zobrazuje hlavné menu, aj keď je na mobilnom - zurb-found

Top nav v základnom meste - zobrazuje hlavné menu aj na mobilnom - zurb-found

Keď sa používateľ nachádza na mobilnom zariadení, chcel by som, aby sa menu zobrazilo rovnako a nebolo skryté. Ale bez ohľadu na to, ako som vylepšiť show-on-malé možnosti, nezobrazí.

Ako sa to momentálne zobrazuje na malej obrazovke

tu zadajte popis obrázku

Ako by som chcel, aby sa to objavilo. (s ikonou ponuky)

tu zadajte popis obrázku

Chcela by som sa uistiť, že je dostatočne krátka, aby vyhovovala, ale som dosť zmätený, ako to urobiť.

Mnohokrat dakujem!

odpovede:

2 pre odpoveď č. 1

Ak používate SASS, otvorte ho _top-bar.scss súbor, nájdite súbor $topbar-breakpoint premennú a nastavte hodnotu pixelu na hodnotu 1px, Tým sa vytvorí zlom, ktorý spôsobí foundation.topbar.js prepnúť na mobilný štýl príliš malý, aby sa mohol vyskytnúť.

Ak používate bežné css súbory, vyhľadajte .top-bar-js-breakpoint štýl a zmeniť width na 1px tam.


1 pre odpoveď č. 2

Pridávam k odpovedi chrisjshermu, skončil som to. V predvolenom súbore app.scss hneď po importovaní súboru s nastaveniami prepíše premennú $ topbar-breakpoint.

// Global Foundation Settings
@import "settings";

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

Súvisiace otázky


Komentáre (0)

Pridať komentár