Configure popup loading window Navbar does not respond to touch

Question

I use Twitter Bootstrap 2.3.2 to create a responsive website. I have a navigation bar with dropdown menus:

<div class="nav-collapse collapse"> <ul class="nav"> <li {% if request.get_full_path = "/" %} class="active" {% endif %} ><a href="/">Home</a></li> <li id="fat-menu" class="dropdown" id="about" {% if request.get_full_path = "/about/" %} class="active" {% endif %}> <a href="/about/" role="button" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="about"> <li role="presentation" class="divider"></li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="/news/"></a> </li> </ul> </li> </ul> </div> 

In the desktop browser, the drop-down element responds to a click, even if the window is resized to display a mobile view. When I use my Nexus 4 using the Chrome and Dolphin browser, the dropdown links do not work. The carriage button works when I click the drop-down list link, the drop-down menu is pulled in and I am not redirected. However, I have not tried other mobile devices.

Is this a known issue?

Answer 1

This seems like a known issue. However, it does show closure on github. I had the same problem and found a solution here .

This solved my problem. You can also try.