CSS Menu disconfigured mobile

Navigation
2

When the site is responsive the menu is with that button to open a menu. The problem I'm experiencing is the CSS issue of it. It should have a cute style, stay in block , but it stays that way:

Idonotknowwhy,thecodelookslikethis:

<divclass="col-md-7" id="menu">

              <nav role="navigation" class="navbar">
                <div class="navbar-header navbar-default">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                </div>

                <div id="menu-collapse" class="collapse navbar-collapse menu">
                  <ul>
                    <li><a href="<?php echo base_url();?>">Home</a></li>
                    <li><a href="<?php echo base_url('sobre');?>">Sobre nós</a></li>
                    <li><a href="<?php echo base_url('produtos');?>">Produtos</a>
                    <ul>
                    <?php echo dropdown();?>
                    </ul>
                    </li>
                    <li><a href="<?php echo base_url('contato');?>">Localização & Contato</a></li>
                    <li><a href="<?php echo base_url('orcamento');?>"><i class="fa fa-pencil-square-o"></i> Orçamento</a></li>
                    <li class="hidden-md hidden-lg"><input type="text" class="form-control search"name="buscar" placeholder="Buscar..."></li>
                  </ul>
                </div>

              </nav>

            </div>

Link to website online: link

    
asked by anonymous 16.05.2015 / 09:57

1 answer

2

Put this in your CSS for mobile: 

#menu-collapse { overflow: none; } /* tirar o scroll */
#menu-collapse ul > li {           /* manter tudo à esquerda, um por linha */
    float: left;
    clear: both;
}

and strip 

#menu ul li:nth-child(1){
    margin-left:0px;
}

from custom.css (line 81) to prevent home from being misaligned with others.

    
16.05.2015 / 10:09
CSS Alignment + Bootstrap Questions about JavaScript and HTML