Como alterar a altura ou tamanho do menu superior?

Passando só pra avisar que avistei o pedido de vocês… no momento eu tô atendendo às solicitações dos meus clientes :relaxed:. Assim que eu desocupar, dou uma passadinha aqui!




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852

@Camila_Farias
Deu trabalho hein! rsrs… Mas eu vou lhe dar o troco, agora! :face_with_hand_over_mouth:
Você vai lá na sua folha de estilo CSS e vai procurar este trecho de código aqui:

  #cabecalho .conteiner .row-fluid .conteudo-topo .menu {
    float: right;
    display: block; }
    #cabecalho .conteiner .row-fluid .conteudo-topo .menu .nivel-um {
      float: right; }

Pra ficar mais fácil de encontrar, ele está numa parte onde tem: @media (min-width: 868px;) {
Quando vocÊ enxergar esse @media 868px, é por ai!!!

Quando você encontrar, você vai adicionar no que tem o FINAL “.menu”:

width: calc(90% + 330px);

e no que tem FINAL .nivel-um:
você vai mudar o float: right para float: left

eles irão ficar assim:

    #cabecalho .conteiner .row-fluid .conteudo-topo .menu {
    float: right;
    display: block;
    width: calc(90% + 330px);
    }
    #cabecalho .conteiner .row-fluid .conteudo-topo .menu .nivel-um {
      float: left;
   }

e pronto! é só salvar!

Ressalvas: É gambiarra… então não vai ficar 100%, mas dá pra enganar! caso a pessoa vá reduzindo a largura da janela do navegador… vai notar o menu caminhando um pouco para a lateral… coisa pouca. Mas para quem é perfeccionista…

Qualquer coisa, me avisa por mensagem pessoal!
att




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852

Veja se isso lhe serve! :relaxed:

#cabecalho .conteiner .menu.superior ul.nivel-um li strong {color: #0199ac !important;}
.menu.superior .nivel-dois {text-align: left;}
#cabecalho .conteiner .bem-vindo span {color: #d40404 !important;}





80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852

Arrasou Ivan, muito obrigada :heart_eyes: :relaxed:

1 curtida

:heart_eyes:
Precisando, aqui estamos!
Soluções criativas para o seu negócio, também é com a gente!




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852

Ivanilson, me desculpe pela demora!
Nossa, estou envergonhada!
Consegui fazer hoje e deu certo :tada::tada::tada:
Muuuuuuuito obrigada

1 curtida

Tudo bem, querida!
Fico feliz que tenha dado certo.

Qualquer coisa, estou aqui!
Até mais! :sunglasses:

Boa tarde.
Alguém poderia me ajudar ?
Só preciso de uma ajuda para a loja começar a funcionar!
Preciso alterar a localização do menu superior.
Ele se localiza no meio do Banner da Tarja em todas as páginas.
O menu precisa ficar em cima
imagem
O site da loja é : www.beberoupinha.com.br

Bom Dia.
Preciso de ajuda na minha loja

Preciso mudar a fonte do conteúdo onde está escrito Shampoo … Condicionador, alterar o tamanho também e tirar a faixa de fundo na cor cinza, deixar ela inteira na tela e modificar a cor.

Obrigado, funcionou. Só precisei reescrever a " ’ " no endereço da url.

olá! para essa versão funcionar em mobile eu tenho que desativar a função das configurações gerais?

Parabens, deveria ter um tópico com esse codigo FIXO.
salvou muito
valeu

Como fez para mudara cor dentro dacategoria, nao consigo
me ajuda

Eu consegui com esse código. Em editar CSS.

/* Colocar Imagens no menu */
.menu.superior .nivel-um>li>a {
background-position: left center;
background-repeat: no-repeat;
background-size: 25%;
}

.menu.superior li.categoria-id-COLOQUE A ID.com-filho.borda-principal strong:before {
content: url(‘aqui dentro coloque o lnk da imagem’);
display: block;
text-align: center;
margin-top: -5px;
text-indent: 2px;
}

Obs: A ID vc consegue assim: abra seu site, clique com botão direito, dentro da página, vai em inspecionar. e procura o codigo do menu

Bom dia a todos! Vi que só tem fera aqui, mas nenhuma das soluções deu certo para mim.

Meu site é www.GabyPresentes.com

Estou com problemas com o menu, queria diminuir a fonte para melhorar o visual, pois agora com 2 linhas está passando para cima do banner.

boa tarde,
insere esse códio e modifica a “font-size: 00px;” pro tamanho que quiser.

.menu.superior .titulo {
font-weight: 600;
font-size: 00px;
line-height: 16px;
}

1 curtida

@Gledson_Silva tudo joia? Você consegue me ajudar diminuir esses espaços marcados na imagem?!

url: https://www.nutrienthis.com/

Boa noite, não consigo aumentar o espaço do campo do nome da Categoria no meu menu superior, onde os nomes estão espremidos.

1 curtida

Boa tarde Douglas! Tudo bem?
Eu gostaria de diminuir a altura do menu superior do meu site, poderia me ajudar?
Link do site: https://www.gregometal.com.br/

Se puder me ajudar em outra coisa também, eu gostaria que o logo ficasse centralizado junto com o Menu Superior e não flutuando como está.

Desde já, grata!

Boa tarde Ivanilson! @Ivanilson_Gomes Tudo bem?
Eu gostaria de diminuir a altura do menu superior do meu site, poderia me ajudar?
Link do site: https://www.gregometal.com.br/

Se puder me ajudar em outra coisa também, eu gostaria que o logo ficasse centralizado junto com o Menu Superior e não flutuando como está.

Desde já, grata!