Witam wszystkich.
Natrafiłem na problem gdzie nie jestem nawet w stanie ustalić dokładnie dlaczego występuje błąd.
Menu hamburgerowe które po kliknięciu powinno wyświetlać sekcje jedna pod drugą nie odpowiada, a co gorsze nie mam pojęcia czemu.
Menu pojawia się dopiero po przeskalowaniu do wielkości md.
Kod:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> abc </title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="styl.css">
</head>
<body data-spy="scroll" data-target="#navbarResponsive">
<!-- Start Header settings -->
<div id="Produkty">
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#"><img src="logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#Produkty"><h3>Produkty</h3></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#informacje"><h3>Informacje</h3></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#kontakt"><h3>Kontakt</h3></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#rabaty"><h3>Rabaty</h3></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#wiecej"><h3>Więcej</h3></a>
</li>
</ul>
</div>
</nav>
<!-- End Header settings -->
</div>
<!-- End Produkty section -->
<!-- Start Informacje section -->
<div id="informacje" class="offset">
</div>
<!-- End Informacje section -->
<!-- Start Kontakt section -->
<div id="kontakt" class="offset">
</div>
<!-- End Kontakt section -->
<!-- Start Rabaty section -->
<div id="rabaty" class="offset">
</div>
<!-- End Rabaty section -->
<!-- Start Wiecej section -->
<div id ="wiecej" class="offset">
</div>
<!-- End Więcej section -->
<!-- Start Script src -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js></script>
<!-- End Script src -->
</body>
</html>
Dzięki za każdą możliwą pomoc :)