html - How can I make this menu to be displayed in high resolution line only? -


i have site:

http://avocat2.dac-proiect.ro/

currently menu items displayed 1 above other. want displayed in high resolution on line , when display menu tightens subducted

how can this? use bootstrap

this code html:

   <div class="col-sm-12 col-md-12 col-lg-12" style="background-color:lavender;">    <nav class="navbar navbar-default" role="navigation">  <!-- brand , toggle grouped better mobile display -->    <div class="navbar-header">      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">        <span class="sr-only">toggle navigation</span>        <span class="icon-bar"></span>        <span class="icon-bar"></span>        <span class="icon-bar"></span>      </button>      <a class="navbar-brand" href="#">brand</a>    </div>    <!-- collect nav links, forms, , other content toggling -->    <div class="collapse navbar-collapse navbar-ex1-collapse">      <?php /* primary navigation */ wp_nav_menu( array(   'menu' => 'top_menu',   'depth' => 2,   'container' => false,   'menu_class' => 'nav',   //process nav menu using our custom nav walker   'walker' => new wp_bootstrap_navwalker()) ); ?>   </div> </nav>     </div> 

this vague depiction of should doing , default if following how bootstrap navbar should coded in html , should't having problem having right .

but try :

 @media screen , (min-width : 992px) {       ul li {          display: inline-block;         }     } 

Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -