Serwus, stworzyłem prostą stronę one-page (jest to jeden z moich pierwszych projektów) i wszystko wydaje się działać poprawnie, zarówno na desktopach jak i na urządzeniach mobilnych androida. Problem pojawia się dopiero gdy testuje to na iphone, mianowicie po kliknieciu na ikonke hamburgera menu rozwija się tak jak powinno, ale wszystkie linki po prostu odswiezają stronę zamiast przenosić do konkretnej sekcji. Nie działa również scroll-spy, nie ważne na której częsci strony jesteś, zawsze jest aktywna zakładka 'kontakt'. Spotkał się ktoś może z takim problemem? Tutaj kod mojego navbaru:
https://codepen.io/emsi/full/wrvNBa/
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body data-spy="scroll" data-target="#mainnav" data-offset="10">
<div class="navbar navbar-inverse navbar-fixed-top" id="mainnav">
<div class="container">
<div class="navbar-header">
<a href ="#"><img src="#" class="navbar-brand"id="brand-color"></a>
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navHeaderCollapse" id="clean">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right font">
<li><a href="#section1" id="clean">About </a></li>
<li><a href="#section2">Products</a></li>
<li><a href="#section3">Contact</a></li>
</ul>
</div>
</div>
</div>