title: Bootstrap 4: Dropdown menu href link not going to href location
body: <p><strong>Project URL:</strong>  <a href="http://www.vrtechweb.com/bootstrap-4-menu/bootstrap.html" rel="noreferrer">http://www.vrtechweb.com/bootstrap-4-menu/bootstrap.html</a>
  <strong>You can download my file by click on "Download bootstrap menu file for testing"</strong></p>
  
  <p>I have bootstrap 4 hover menu and this hover menu on desktop but when its open on mobile device its convert to clickable menu. Its all working. But i want to do hoverable menu open on hover but when click on that should go to url which i given on anchor tag. same as mobile device when click on dropdown icon then open menu and when  i click on anchor tag should go to url. Its not working. </p>
  
  <p><strong>I have creted js fiddle my code not working on js fiddle so i have created this file on my server and also attached my .zip file so you can test my file and please give me suggestion how would work</strong></p>
  
  <p>Here is some pic so easily you can understand what i am saying</p>
  
  <p><strong>On Desktop</strong></p>
  
  <p><a href="https://i.stack.imgur.com/8Zkic.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/8Zkic.jpg" alt="enter image description here"></a></p>
  
  <p><strong>on Mobile Device</strong></p>
  
  <p><a href="https://i.stack.imgur.com/BSfal.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/BSfal.jpg" alt="enter image description here"></a></p>
  
  <p><strong>HTML Code</strong>
      </p>
  
  <pre><code>    &lt;!-- Static navbar --&gt;
      &lt;nav class="navbar navbar-expand-md navbar-light bg-light btco-hover-menu"&gt;
  
          &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
              aria-expanded="false" aria-label="Toggle navigation"&gt;
              &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;div class="collapse navbar-collapse" id="navbarNavDropdown"&gt;
              &lt;ul class="navbar-nav"&gt;
  
                  &lt;li class="nav-item dropdown"&gt;
                      &lt;span class="dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"&gt;
                          &lt;a href="https://google.com"&gt;Testing Menu&lt;/a&gt;
                      &lt;/span&gt;
                      &lt;ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
                          &lt;li&gt;
                              &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a class="dropdown-item dropdown-toggle" href="https://www.facebook.com"&gt;Submenu&lt;/a&gt;
                              &lt;ul class="dropdown-menu"&gt;
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item" href="#"&gt;Submenu action&lt;/a&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item" href="#"&gt;Another submenu action&lt;/a&gt;
                                  &lt;/li&gt;
  
  
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item dropdown-toggle" href="#"&gt;Subsubmenu&lt;/a&gt;
                                      &lt;ul class="dropdown-menu"&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Subsubmenu action aa&lt;/a&gt;
                                          &lt;/li&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Another subsubmenu action&lt;/a&gt;
                                          &lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item dropdown-toggle" href="#"&gt;Second subsubmenu&lt;/a&gt;
                                      &lt;ul class="dropdown-menu"&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Subsubmenu action bb&lt;/a&gt;
                                          &lt;/li&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Another subsubmenu action&lt;/a&gt;
                                          &lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a class="dropdown-item dropdown-toggle" href="#"&gt;Submenu 2&lt;/a&gt;
                              &lt;ul class="dropdown-menu"&gt;
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item" href="#"&gt;Submenu action 2&lt;/a&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item" href="#"&gt;Another submenu action 2&lt;/a&gt;
                                  &lt;/li&gt;
  
  
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item dropdown-toggle" href="#"&gt;Subsubmenu&lt;/a&gt;
                                      &lt;ul class="dropdown-menu"&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Subsubmenu action 1 3&lt;/a&gt;
                                          &lt;/li&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Another subsubmenu action 2 3&lt;/a&gt;
                                          &lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;
                                      &lt;a class="dropdown-item dropdown-toggle" href="#"&gt;Second subsubmenu 3&lt;/a&gt;
                                      &lt;ul class="dropdown-menu"&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Subsubmenu action 3 &lt;/a&gt;
                                          &lt;/li&gt;
                                          &lt;li&gt;
                                              &lt;a class="dropdown-item" href="#"&gt;Another subsubmenu action 3&lt;/a&gt;
                                          &lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;!-- Main component for a primary marketing message or call to action --&gt;
  
  
  &lt;/div&gt;
  &lt;!-- /container --&gt;
  </code></pre>