Вопрос по css, responsive-nav, navigation, responsive, html – Отзывчивый Nav Bar скрывает элемент под ним

-1

Я создал адаптивную панель навигации, но она приводит к тому, что элемент ниже, плагин Flexslider, исчезает. До того, как я сделал навигационную панель, ниже показывался бы Flexslider, но теперь это не так. Z-индекс для панели навигации равен 2, поэтому я не знаю, в чем проблема. Как / Что я должен изменить, чтобы показывать Flexslider и панель навигации по-прежнему реагировать? Спасибо!

Мой код немного длинен, поэтому в комментариях есть ручки кода (по какой-то причине я не могу их здесь разместить)

Вот ссылка на сайт без адаптивной навигации, но он показывает Flexslider:http://bancroftmiddleschool.org

Ссылка на файл с отзывчивой навигацией, но не показывает Flexslider:http://bancroftmiddleschool.org/index%20copy.html

Кто-нибудь, дайте мне знать, почему этот вопрос был понижен, чтобы я мог уточнить или исправить его? Citlalipop
Code Pen с отзывчивой навигацией, но скрывает flexslider:codepen.io/caguilera0001/pen/JRdpGV                                     (обратите внимание, что Flexslider по какой-то причине не отображается в codepen) Citlalipop

Ваш Ответ

1   ответ
0

Изменить позицию CSS в #navBar из позиции: абсолютная; для положения: относительный ;.

#navBar{
    position: relative;
    /* leave rest of the css unchanged */
}

Надеюсь, что это желаемый эффект.

получить решение еще? Citlalipop
Является ли вторая ссылка, которую вы добавили желаемый эффект? UIPassion
даже если он не загружен, гибкий слайдер не будет отображаться при тестировании страницы на сервере тестирования. Есть другие идеи? Citlalipop
Да, вторая ссылка в посте. это должно быть загружено к настоящему времени. Если нет, может потребоваться больше времени для загрузки. Citlalipop

Похожие вопросы