Dropdown always expanded
I have a dropdown in the navbar and it works fine with Windows10 and Chrome.
But with my mobile phone and Android the problem comes when the Hamburger icon is clicked:
The dropdown is always expanded and also cannot collapse. That is rather annoying as the other items of the menu cannot be seen. They are covered by the dropdown-items.
The following code has been taken from the html-file. It has been reduced a bit to present it more clearly:
<div class="collapse navbar-collapse" id="navcol-1"> <ul class="nav navbar-nav ml-auto"> <li class="nav-item"><a class="nav-link" href="start.html">Home</a></li> <li class="nav-item dropdown"> <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">Videos2 </a>* <div class="dropdown-menu"><a class="dropdown-item" href="https://youtu.be/...">2020 Fuchsjagd ...</a></div>* <!--* 19 more drop down-items to follow --> </li> <li class="nav-item"><a class="nav-link" href="ferieninfo.htm">Ferieninfos </a></li> <!-- 6 more nav-items to follow --> </ul> </div>
It has to be mentioned that
does not contain the show class and aria-expanded is set to false in the 5th line of the code above.
What could be the reason for that behaviour?
I am using Bootstrap Studio 5.4.3.