Como centralizar o menu principal da loja

Em alguns casos o menu principal tem poucos itens e pode ser que fique melhor centralizado, por padrão a loja deixa ele alinhado a esquerda por questões de leitura e para caber mais itens, mas como disse, se tem poucos itens no menu ou você escolheu um topo com a logo centralizada, pode ser que visualmente fique melhor o menu centralizado, e para fazer isso vamos precisar de colocar um código avançado de CSS, veja como é fácil.

Primeiro acesse o menu de Customização > Personalização dentro desta tela vamos na aba de Avançado aqui, um pouco mais para baixo temos dois campos, vamos no CSS Personalizado e no final das instruções que tiver lá, na última linha, cole o código abaixo:

/*CENTRALIZA O MENU PRINCIPAL*/
.navbar .nav{text-align: center;}
	.navbar .nav>li{
		float: none;
		display: inline-block;
		text-align: left;
	}

ATENÇÃO muito cuidado ao mexer nesta parte da sua loja, pode ser que tenha código que se apagados vão impactar no visual da loja, se tiver dúvidas acione nossa central de ajuda antes de salvar a tela ok?!

Este artigo foi útil para você?!