Página 1 de 1

[Resolvido] Deixar menu departamentos centralizado

Enviado: 18 Jun 2020, 22:14
por quegaroto
Olá Caros OC´s

Estou com dificuldade e curiosidade em saber como deixar o menu superior horizontal onde mostra os departamentos centralizado. Já consegui deixar todo do lado direito da tela. O padrão é do lado esquerdo, usando o método " float: esquerdo ou direito ".

Agora centralizado como fazer?

Desde já agradeço atenção.

Re: Deixar menu departamentos centralizado

Enviado: 16 Jul 2020, 01:48
por MillerSp
Olá quegaroto,
Usa
float: left;
Padding: 0 xPX xPX xPX
O x eu coloquei para você descobrir qual valor vai se encaixar melhor.

O primeiro valor é a altura o segundo o espaço da direita para esquerda

O terceiro é o espaço de baixo e o último valor vai levar o float left mais ao centro

Se tiver outra ideia me avise

Da pra fazer sem alterar nenhuma classe do css padrão.

Mas se precisar identifica a div e gera uma classe css e aí formata com exclusividade.

Me passa um retorno se der certo pra vc

Abraço irmão

Grato

MillerSp

Re: Deixar menu departamentos centralizado

Enviado: 22 Jul 2020, 00:24
por quegaroto
Olá @MillerSp

Ô !!! Chorei !!! :(

Tentei o padding e nada...
Tentei com margin:auto e nada... pensei se adicionar mais um comando, fiz com o max-width: fit-content, e funcionou !!!

Peguei o arquivo Menu.twig do meu tema e localizei a linha:
Código: Selecionar todos
<div class="collapse navbar-collapse navbar-ex1-collapse">
Substituí por:
Código: Selecionar todos
<div class="collapse navbar-collapse navbar-ex1-collapse" style="margin: auto;max-width: fit-content;">
ZAZ !!!
:D :D :D

@MillerSp Muito Obrigado !!!

Re: [Resolvido] Deixar menu departamentos centralizado

Enviado: 25 Jul 2020, 21:28
por MillerSp
@quegaroto

Que bacana,
vou fazer um teste aqui numa loja cobaia que tenho para ver o resultado, eu acho que talvez você tenha razão e fique melhor mesmo centralizado.
Um abraço irmão