Почему мое адаптивное меню не работает?

Question

0

Я работаю над сайтом, и я очень доволен результатами.

Меню хорошо работает на мобильном телефоне. Тем не менее, я решил, что хочу попробовать меню, которое исчезает при просмотре на меньших экранах.

Вот плагин javascript, который я использовал [Отзыв-Nav] [1]

Я последовал указаниям, и когда я закончил, это испортило мою навигацию и не работало. Вот обе версии

[Сайт перед плагином] [2]

[Сайт после плагина] [3]

Я не уверен, что вызывает

onTheInternet 17 март 2014, в 19:09

Теги:

1 ответ

kcsoft · Answer 1 · 2014-03-17T16-07-00.000Z

Вы также должны определить правила для разных размеров экрана в css.

В responsive-nav.css line 11:

.nav-collapse li { width: 100%;

Для width: auto набора width: auto для рабочего стола width: auto. Таким образом, пункты меню будут отображаться в строке.

Хорошо, так что установка ширины: автоматически сделал мой навигационный дисплей встроенным. Но я не уверен, как определить правила. Моя точка останова на мобильном телефоне - 989 пикселей. 990 и выше идет на рабочий стол. Так как бы я это определил?
хорошо, я нашел, где установить размер. Но когда я делаю, все, что происходит, это маленькая вещь, которая говорит «меню»