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.
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?
No meu funcionou! Muito obrigado!
Agora gostaria de tirar as linhas que estão dividindo as categorias e subcategorias.
como posso fazer pra incluir nesse codigo para que inves de colocar uma cor no menu colocar uma imagem?