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
Post a Comment