TinyNav.js потерял адаптивность

[olgamar]

Добрый день!
Поставила плагин для адаптивного меню http://tinynav.viljamis.com/. Он работает как-то странно. На демо примере селективное меню должно заменять собой основное, а не пристраиваться с ним рядом и должно растягиваться по ширине браузера. А у меня оно прилепилось к основному и застряло в фиксированном положении. Поставила TinyNav плагин для WP, но после его установки селективное меню появляется не сразу после того, как исчезает основное.
Вот мой код http://jsfiddle.net/8BNFy/
Сайт http://b.pusku.com/
Буду благодарна за любую подсказку!

[MyLastHit]

JS тут не при чем.
Ну почему никто не пользуется средствами разработчика в Chrome...
У вас стили бутстрапа глушат стили плагина. Бутстрап переопределяет стиль для option. Поэтому ручками дорабатываем.

#tinynav1 {
    width: 100%;
}

Не знаю, что вы имеете ввиду под фразой "замещать собой основное", но у меня в браузере плагин работает так как и должен. Главное меню пропадает при некотором размере и на его месте появляется опшн-бокс и блок с надписью "Menu".

[olgamar]

Сообщение от MyLastHit

JS тут не при чем.
Ну почему никто не пользуется средствами разработчика в Chrome...
У вас стили бутстрапа глушат стили плагина. Бутстрап переопределяет стиль для option. Поэтому ручками дорабатываем.

#tinynav1 {
    width: 100%;
}

Не знаю, что вы имеете ввиду под фразой "замещать собой основное", но у меня в браузере плагин работает так как и должен. Главное меню пропадает при некотором размере и на его месте появляется опшн-бокс и блок с надписью "Menu".

MyLastHit, огромное спасибо! Поставила эту строчку в мобильный стиль для плагина и все заработало!

Ну почему никто не пользуется средствами разработчика в Chrome...

Я пользуюсь инспектором в Crome Canary. Вы не могли бы подсказать название этих средств разработчика в Chrome, хочется тоже научиться определять такие ошибки.

[MyLastHit]

ПКМ по нужному элементу - просмотр кода элемента. Слева верстка, справа стили. Там написано какой файл стилей какое правило определяет. Изучите внимательно колонку со стилями. Важно понимать как она устроена.
Меняем/добавляем/удаляем стили и смотрим как все работает. Наводим мышкой на элементы верстки слева и смотри, что и как подсвечено и спозиционировано.

Это если по простому. Так же стоит смотреть в Console, даже без знания JS весьма полезна. Позволяет увидеть ошибки.

[olgamar]

Спасибо, все поняла, теперь буду внимательнее)