Menu com 100% de largura?

Estou Precisando de ajuda para colocar o menu com largura de 100% e nao estou conseguindo! Alguém pode ajudar?

Tenta este código:
/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #333333; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #FF059A; }

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

/* menu 100% largo */
@media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top: 140px;left: 0px;}
.logo {margin-bottom: 70px;}
}

/* Altera a cor do menu quando passa o mouse */
.menu.superior .nivel-um > li:hover {background-color: #FFFFFF; }

Onde tem #FFFFFF referem-se às cores hexadecimais, pesquisa as cores no google.

2 curtidas

Quando uso este script, no mobile, o banner fica enorme e os textos dele pequenos. Dá pra alterar só o desktop?

O tamanho padrão do banner é 1140x300, já verificou se o seu corresponde?
tamanho-padrao-full-banner

No meu funcionou! Muito obrigado!
Agora gostaria de tirar as linhas que estão dividindo as categorias e subcategorias.

1 curtida

como posso fazer pra incluir nesse codigo para que inves de colocar uma cor no menu colocar uma imagem?

1 curtida