I have an issue with a Bootstrap dropdown menu. Few weeks ago it was opening with no problem in all the browsers, now I tested it in both Firefox and Chrome and they don't seem to work anymore. It only works in Internet Explorer and on mobile phones. Here is the code that contains it:
echo '
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-menu-hamburger"></span> Menu <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="profile.php?id=' . $_SESSION["unique"] . '"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
<li class="' . $class4 . '"><a href="about.php" target="_blank"><span class="glyphicon glyphicon-info-sign"></span> About</a></li>
<li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Sign out</a></li>
</ul>
</li>
</ul>';
I am aware that the bug may not be in the code posted above but it's weird. The code should have no bug. It works perfectly except this and just in some browsers.
The browsers can open other dropdowns and yeah, I tried to update them.
Here is the site (in construction, of course): http://logicwebschool.com
You can view the menu just by registering and logging in but I created an account for this purpose:
Email: no@email.com
Username: stackoverflow
Password: 123456
Thanks for taking your time to help me :)