Проблемы с отображением выпадающего меню начальной загрузки на мобильных устройствах - PullRequest
Новая
       15

Проблемы с отображением выпадающего меню начальной загрузки на мобильных устройствах

0 голосов
/ 15 октября 2018

У меня проблемы с отображением выпадающего меню навигации на мобильных устройствах.Я нажимаю на пункт меню, который имеет раскрывающийся список, но он не отображается, это HTML-код моей панели навигации: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- navigation section -->
<section class="navbar navbar-fixed-top custom-navbar bg-trans" role="navigation" id="navbar_menu">
	<div class="container">
		<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
			</button>
            <a class="nav-brand" href="index.php"><img src="images/logo.png" alt="logo" title="Nivamedia" id="main_logo"></a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right" id="list_options">
				<li><a href="#home" class="smoothScroll">HOME</a></li>
				 <li class="cn-dropdown-item pr12 dropdown">
                  <a class="dropdown-toggle itemLi" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">LEISTUNGEN</a>
                  <ul class="dropdown-menu" id="dropdown-main">
                                        <li><a href="#" class="itemUlLi">Webdesign & Entwicklung</a></li>
                                        <li><a href="#" class="itemUlLi">Corporate Design</a></li>
                                        <li><a href="#" class="itemUlLi">Online Marketing</a></li>
                                        <li><a href="#" class="itemUlLi">Lieferdienst Webshop</a></li>
                                    </ul>
                    </li>
				<li><a href="#" class="smoothScroll itemLi">PROJEKTE</a></li>
				<li><a href="#" class="smoothScroll itemLi">AGENTUR</a></li>
				<li><a href="#" class="smoothScroll itemLi">KONTAKT</a></li>
			</ul>
		</div>
	</div>
</section>

в настольной и планшетной версии 1024x700 отображается раскрывающийся список, но в устройствах с шириной менее 800 пикселей не отображается.

Я используюзагрузочная версия 3.3, инфраструктура jquery для управления JS и другими библиотеками для анимации некоторых элементов моей страницы.Как я могу сделать выпадающее шоу на мобильных устройствах?

...