Я создал навигационную панель, элементы навигационной панели сворачиваются на небольших устройствах, и меня можно увидеть, нажав кнопку, которая отображает элементы в виде sidenav. У меня проблема в том, что я не могу нажать ни одну из ссылок , это показывает sidenav, но все отключено, я собираюсь показать фрагмент, чтобы объяснить это лучше.
<!-- This is a free template created by the github user NeutronBlast, please don't erase this -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<!-- Navbar -->
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper teal">
<!-- Your logo here! -->
<a href="#" class="brand-logo ml-nav-4 mt-2">L
</a>
<!-- Trigger button for collapsible menu on phone view -->
<a href="#" data-target="menu-responsive" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#about">ABOUT US</a></li>
<li><a href="#features">FEATURES</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#projects">PROJECTS</a></li>
<li><a href="#testimonials">TESTIMONIALS</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
<!-- Menu that will be shown on small devices -->
<ul class="sidenav" id="menu-responsive">
<li><a href="#about">ABOUT US</a></li>
<li><a href="#features">LINK</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#projects">PROJECTS</a></li>
<li><a href="#testimonials">TESTIMONIALS</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</nav>
</div>
<!-- Compiled and minified JavaScript -->
<script type="application/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
M.AutoInit();
});
</script>
</body>
</html>
Примечание: я понял, что удаление div с классом navbar-fixed решает проблему отключения sidenav, но мне нужно исправить navbar на рабочем столе, так что просто удалив, что для меня недостаточно решения.