/ / Top nav в основата zurb - показва главното меню дори когато е на мобилна - zurb-foundation

Най-навигация в фондация zurb - показва главното меню дори когато е на мобилна - zurb-foundation

Когато потребителят е на мобилния телефон, бих искал менюто да се появи и да не се скрие. Но независимо от начина, по който ощипвам малките варианти, не се появява.

Как се показва на малък екран

въведете описанието на изображението тук

Как бих искал да се появи. (с иконата на менюто)

въведете описанието на изображението тук

Бих се уверил, че е достатъчно кратък, за да се побере, но по-скоро съм объркан за това как да го направя.

Благодаря много!

Отговори:

2 за отговор № 1

Ако използвате SASS, отворете _top-bar.scss файл, намерете $topbar-breakpoint променлива и задайте пикселната стойност на 1px, Това ще направи прекъсване, което причинява foundation.topbar.js да превключите към мобилния стил, твърде малък, за да се случи.

Ако използвате редовни css файлове, потърсете .top-bar-js-breakpoint стил и промяна на width да се 1px там.


1 за отговор № 2

Като добавих към отговора на chrisjsherm, в крайна сметка направя това. В прикачения файл app.scss, веднага след импортирането на файла с настройки, преименувайте променливата $ topbar-breakpoint.

// Global Foundation Settings
@import "settings";

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

Свързани въпроси


Коментари (0)

Добави коментар