Mudança na barra de menu e no banner

Gostaria de deixar a barra do meu menu na cor preta, o escrito em branco e até o final da tela, e o full banner até o fim da tela também, alguém consegue me ajudar? www.armandsclothing.com.br

Para o menu preto, centralizado e com fontes brancas usei este código na categoria Criar código HTML > Tipo: CSS

/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #000000; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #FFFFFF; }

/* 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; }

Também procuro pelo código de expandir as extremidades

1 Curtida

sou especialista em css me add no zap se quiser tirar dúvidas :slight_smile: 2199623-3807

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

Acabei de achar esse para o menu 100% e deu certo na minha loja.

1 Curtida

Opa, valeu Gabriela, vou tentar usar :smiley:

Na minha também deu certo. Obrigada.

Olá Rafael. tudo bem?
você conseguiu o código para expandir a parte superior do site?
Obrigada

Olá gostaria de uma ajuda.

Não entendo nada de CSS … e gostaria de um codigo para meu menu que seja full na cor preta com fonte branca.
Alguém pode me ajudar? Pois com estou apanhando mesmo com esses codigos acima.

@LailaCS, @betabaixinha segue os códigos utilizados:

BARRA DE MENU
incluir código HTML > adicionar código > Ai muda a opção tipo para CSS
copia e cola e esse código e salva.

@media (min-width: 768px) {.menu.superior {width: 100%;position: absolute;top: 152px;left: 0px;}.logo {margin-bottom: 70px;}}
/* 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; }
/
Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #000000; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #FFFFFF; }

Vai ficar centralizado, se não quiser é só apagar a parte do código /* Centralizar os itens do menu */, caso queira mudar as cores é só mudar os campos escrito color, com o código da cor desejada.

FULL BANNER ( banner 100%)
Editar CSS > copia e cola o seguinte código:
.banner {
position: relative;
text-align: center !important;
}
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 0px;
border:none;
width: calc(100% + 2px);
}
.flexslider {
background: 0;
margin: 0;
border: 0px !important;
overflow: hidden;
}

1 Curtida

Muito obrigada Rafael!!!
Eu faço o banner com que tamanho? Desculpe o abuso.

Rafael, muito obrigada pela sua ajuda… fiz conforme você falou, deixou full meu menu mas nao alterou a cor para fundo preto e fonte branca. Segue como está.