Menu Superior Quebrado em Duas Linhas - Alguém para ajudar?

O menu superior (categorias) da minha loja está quebrado em duas linhas.
Já tentei vários códigos que vi aqui mas, nenhum deu certo. Alguém pode me ajudar?

Agradeço!

Olá Peter, provavelmente seu width deva estar em 100%… Veja o código postado abaixo cole em https://app.lojaintegrada.com.br/painel/plataforma/conta/tema/css/editar caso não fique no tamanho ideal ajuste ele na porcentagem adequada.

.menu.superior .nivel-um {
box-sizing: border-box;
width: 75%;
padding: 4px;
border: 0px;
}

1 Curtida

Bom dia, Luis
Obrigado pela ajuda.
A linha até ficou uma só porem, não está centralizada como mostra a imagem abaixo. Sabe consertar isso?

Pode postar o link de sua loja para que eu possa inspecionar o código?

Claro.


Valeu

Tenta esse códigos:

.menu.superior {
text-align: left;
}

.menu.superior .nivel-um > li {
float: left;
display: inline-block;
border-left: 0;
margin-right: -3px;
}

.menu.superior .nivel-um>li {
float: left;
border-right: 1px solid rgb(233, 99, 134);
border-left: 1px solid rgba(255,255,255,0.8);
}

Uma opinião que talvez fique mais fácil seria diminuir a fonte.

Bom dia Luis

Cara não ta dando certo.
Tentei diminuir a fonte com esse código
#cabecalho .menu.superior {
font-size: 20px;
}
Mas também não tá dando certo. Altero os valores mas, fica igual.
Tem outra forma de diminuir a fonte?
Obrigado pela ajuda.

@mluis76, boa tarde! Você pode me ajudar? Ao colocar meu menu em uma única linha ele se quebrou todo. Já diminui a letra, o espaçamento, mas nada funciona. https://casa-joka.lojaintegrada.com.br/