Usar menu completo

Layout
1

Queria saber se tem como usar toda a linha do menu? se eu coloco mais uma categoria vai pra linha de baixo.
E tem como selecionar quais categoria eu quero no menu?
link da loja:https://www.kingcellatacado.com.br

image
image1844×58 9.81 KB

2

teria que compactar um pouco o menu…

@media screen and (min-width: 769px){
    .menu.superior .nivel-um li.all-menu.com-filho strong {
        max-width: 140px;
    }
    
    .menu.superior .nivel-um li.categoria-id-20923853 strong {
        max-width: 140px;
    }
    
    .menu.superior .nivel-um li.categoria-id-21079812 strong  {
        max-width: 80px;
    }
    
    .menu.superior .nivel-um li.categoria-id-20754938 strong {
        max-width: 80px;
    }
    
    .menu.superior .nivel-um .titulo {
        margin: 0;
    }
    
    .menu.superior .nivel-um li.all-menu.com-filho >a:after {
         top: -5px 
    }
    .menu.superior .nivel-um>li {
        padding: 0 10px;
    }
    
    .menu.superior .nivel-um>li.all-menu>a {
        padding-right: 5px;
    }
    #corpo {
        padding-top: 150px !important;
    }
    .menu.superior .nivel-dois {
        top: 45px;
    }
}

image
image1296×245 38.8 KB

quanto a isso, teria que ver no manual do tema.

4 curtidas
3

Valeu Leonardo, você é o cara!

4

segue mais algumas melhorias, quando ativou o menu ofertas

@media screen and (min-width: 769px){
    .item-oferta>a>svg {
        top: unset;
        padding: 5px;
    }
    
    li.item-oferta strong.titulo {
        vertical-align: super!important;
    }
    li.item-oferta {
        padding:0px!important
    }
    .item-oferta>ul {
        top: 45px;
    }
    .menu.superior ul.nivel-um {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
    }
    .menu.superior>ul.nivel-um>li>a>.icon-menu {
        right: 10px;
        top: unset;
    }
    .menu > ul > li > a, .menu > ul > li > a > .titulo {
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .menu.superior .nivel-um li.all-menu svg {
        top: unset;
    }
}

image
image1440×269 55.4 KB