html - Bootstrap Dropdown Menu Hiding Nav Links -


i having trouble drop down menu on mobile devices. using twitter bootstrap , when open menu on mobile device off right , therefore hard see nav links. break down line , have menu items on left.

i have tried number of things , have located correct id/class selectors im not sure how break down line.

here media query editing

    /** mobile **/ @media screen , (max-width: 767px), screen , (max-device-width: 767px) {  #bs-example-navbar-collapse-1 .navbar-nav .pages {    } } 

html

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                  <ul class="nav navbar-nav">                      <li class="pages"><a href="#section2">about<span class="sr-only">(current)</span></a></li>                     <li class="pages"><a href="#section3">free trial</a>    </li>                     <li class="pages"><a href="#section3">subscribe</a></li>                     <li class="pages"><a href="#section4">testimonials</a>    </li>                     <li class="pages"><a href="#section5">who</a></li>                     <li class="pages"><a href="#section6">faq</a></li>                  </ul>              </div> 

i'm not trying promote site if easier see can go growthengine.co see mean menu.

thank in advance assistance can offer.

paul, first off try doing please.

at end of page have bootstrap js file.
replace ...

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js">   </script> 

when did menu starts work intended.

edit:
when linked custom css problem came back.
cause in there, custom css code.
in top left corner have this...
<h1><a href="#top">growth <span id="h1highlight">engine</a></span></h1>
if comment out menu starts work again.

look @ sorting out fix issue.


Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -