Bootstrap 3 Меню не рушится на среднем уровне

Question

У меня проблемы с разворачивающимся меню, работающим над размером выше мобильного. Я хочу, чтобы сайт мог иметь сворачивающееся меню в мобильном и портретном виде для планшетов, однако, как только размер сайта будет больше, чем мобильный (где мобильное меню все еще отображается), меню появится, но функция коллапса не будет работать. Я показываю предметы, которые должны быть скрыты, и когда я нажимаю кнопку меню, чтобы свернуть ее, она снова появляется снова. Я посмотрел на Bootstrap 3 Menu is not collapsing on Ipad, но не был уверен, связано ли это с моей проблемой, и я не мог сделать из нее головы или хвосты.

На сайте я работаю здесь: http://sculpturewalk.designangler.com/

Любой совет будет большим. Я все еще очень новичок в гибком веб-дизайне и Bootstrap. Спасибо за любую помощь заранее.

Answer 1

Я вижу, что вы прокомментировали .navbar-toggle css для рабочего стола скрыть и использовать отзывчивые классы полезности. Вы просто сделали эту кнопку переключения видимой - вам все равно придется расширять стили для выпадающего меню. FYA, я не видел никаких проблем с переключением, не работающим.

Answer 2

Я решил это после небольшого редактирования CSS. В основном выяснялось, какие медиа-запросы мне нужны для изменения css, и мне пришлось добавить пару правил с плавающей запятой и сделать пару настроек, чтобы заставить его работать правильно. Самая большая причина, по которой он вообще не работал, состоит в том, что у него было правило display: block; для размеров экрана размером более 768 пикселей, удалив это, казалось, сделало трюк.