Inseri e fiz alterações via edição CSS
Códigos abaixo para personaliza cores, porém gostaria do cabeçalho superior na mesma largura do rodapé alguém para sugerir uma solução?
/* Cabecalho */
#cabecalho .acoes-conta li a {
color: #ffffff;
}
#cabecalho .icon-list, .icon-user {
color: #ffffff;
background: #ffffff;
}
#cabecalho cor-principal {
color: #F94877;
background: transparent;
}
#cabecalho .cor-principal,.atributo-comum .active a span {
color: #ffffff;
}
#cabecalho a.bem-vindo.cor-secundaria {
color: #FFFFFF;
}
.menu.superior {
background: #ffffff;
}
.menu.superior .titulo {
color: #f94877;
}
#cabecalho .busca .botao-busca {
width: 55px;
font-size: 18px;
}
#cabecalho .conteiner {
background: #f94877;
}
#cabecalho > .conteiner > .menu.superior {
text-align: center;
}
.conteiner .menu.superior .nivel-um > li {
border: 0px;
}
/* Busca */
#cabecalho .busca {
padding: 0;
border: none;
background: transparent;
}
#cabecalho .busca input {
padding: 10px 5px 10px 15px;
}
#cabecalho .busca .botao-busca {
height: 42px;
top: 0;
right: 0;
width: 55px;
font-size: 25px;
background: #ffffff;
color: #f94877;
}
/* Carrinho */
#cabecalho .carrinho {
border: 1px solid #ffffff;
}
#cabecalho .carrinho .cor-secundaria {
color: #ffffff;
}
#cabecalho .carrinho a i.icon-shopping-cart {
background: #ffffff;
color: #f94877;
}
#cabecalho > .conteiner > .menu.superior .nivel-um > li {
float: none;
display: inline-block;
}
Obrigada.