Diminuir tamanho da aba das categorias para caber tudo em uma linha só

[Leonardo_Vicentini_F]

veja se ajuda:

@media (min-width: 767px){
    .menu li {
        padding: 0 10px;
    }

    .menu.superior .nivel-um>li {
        float: left;
        border:0;
    }	

    /* Centralizar os itens do menu */
    #cabecalho > .conteiner > .menu.superior {
         text-align: center; 
    }

    #cabecalho > .conteiner > .menu.superior .nivel-um > li { 
        float: none; 
        display: inline-block; 
    }
}

parte do CSS veio de:

Centralizar Menu

Opa, vai em adiciona html, rodapé, todas as paginas, escolha CSS e adiciona isso aqui: @media (min-width: 768px) { .menu.superior {width: 100%;position: absolute;top: 152px;left: 0px;} .logo {margin-bottom: 70px;} } /* Centralizar os itens do menu */ #cabecalho > .conteiner > .menu.superior { text-align: center; } #cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; } /* remove as linhas do menu*/ #cabecalho > …

se quiser mudar para o mobile tb, pode remover a primeira e a ultima linha, ai vai ficar assim: