Bootsrap 3 Drop - Down Submenu Links Not Working In Mobile View

I created a drop down sub menu in bootstrap 3, in which the links are working (It goes to respective pages). But, While i shrink the browser to look as if like a mobile view, the l

Solution 1:

You are using bootstrap nav already... The pull-right which you added to dropdown-menu is creating the problem....

So as a quick patch, add this to you css.. add more specificity if there are other dropdown-menus on the page.

@media(max-width: 768px){
  #navbar-spy > .navbar-nav{
    border-left: 1px solid #ddd;
    margin: 0 -15px;
    width: 170px;
  }
  #navbar-spy.dropdown-menu.pull-right {
    float: none !important;
  }
  #navbar-spy.dropdown-menu.navbar-nav{
    margin:0;
    font-size: 13px;
    padding: 0;
  }
  #navbar-spy.navbar-nav.open.dropdown-menu.navbar-nav > li > a{
    padding:2px10px2px20px;
    border-bottom: 1px solid #ddd;
  }
}