Alterações Layout, Banner, Menu

Olá pessoal, tudo bem?

Alguém pode me dar um help na minha loja?

Preciso deixar o Menu e o FullBanner com o width: 100% (preenchendo toda a horizontal do site).

Qual classe certa devo alterar? Preciso inserir algum HTML?

Minha loja em construção: www.sexyhotsexshop.com.br

Desde já agradeço.

Att,

2 Curtidas

Olá, eu vi que sua loja já está com banner e menu 100%. Como conseguiu? Obrigado!

1 Curtida

bom dia como voce deixou seu cabeçalho assim? ta perfeito

1 Curtida

Olá, na verdade meu menu não está 100% eu apenas coloquei um Background (fundo) 100%. Já o Banner eu deixei ele 100% do meu jeito mesmo rs.

O código que usei foi este:

.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 0px;
border:none;
width: calc(100% + 2px);
}

.flexslider {
margin: 0 0 60px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}

2 Curtidas

Olá,

Assim como?

pode ser um pouco mais específico rs?

1 Curtida

@eltguitarbass, poderia compartilhar o código que fez para o popup com o cadastro do email? Como você está controlando essa parte do desconto para a primeira compra?

Valeu

1 Curtida

Olá,

na verdade ainda esta em teste e possui bugs no mobile.

Quanto ao controle, eu ainda não controlo, só estou testando as possibilidades.

Nada definido ainda.

:wink:

1 Curtida

Entendi, seria uma funcionalidade bem bacana para ser implementada.

1 Curtida

e esse codigo é css ou html?

1 Curtida

É CSS!

Não sei se ta certin mesmo… mas pra mim funcionou. :stuck_out_tongue:

1 Curtida

Eu revisei o código do banner full e pra ficar melhor seria isso aqui:

.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;
}

2 Curtidas

e como faço para preencher a tela toda ?

1 Curtida

Só você fazer um banner 1920px por 380px por exemplo que vai preencher toda a tela.
Porém no mobile vai ficar com a altura reduzida.

Aí tem que trabalhar no mobile… coisa que eu não fiz rs

:sweat_smile:

1 Curtida

Muito obrigado pela ajuda!!!

eltguitarbass tudo bem? Curti muito o layout da sua loja e gostaria de saber como você fez para inserir o efeito (Vou Levar) quando passo o mouse em cima do produto.

Um abraço e obrigado.

Como você fez pro banner tarja, com informações de frete etc ficar na pag toda também?

Você já tem a resposta, só precisa especificar no CSS do seu menu superior o tamanho dele através da Tag width.

Ficaria assim:

.menu.superior {
width: 100%;
}

:grin:

olá, boa noite.
eu usei o mesmo código ( ou bem semelhante) e o banner e os mini banners ficam 100%, tem como deixar só o fulbanner selecionado no css?

/* BANNER */

.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 10px;
border:none;
}

.flexslider {
margin: 0 0 60px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}

obrigado
Dmello

ta funcionando normal isso

Alguém sabe como ter uma imagem grande pra logo mobile (de qualidade) e poder ajustar ela pra ficar com apresentação proporcional, tipo, a imagem original ser 1000x500 e no site aparecer 64x32.
O trecho de código seria esse:
/ALTERANDO ICON HOME/
.icon-home:before {
content: url(https://cdn.awsli.com.br/548/548083/arquivos/logo-ceci-moda-praia-infantil.png);
}

Já fiz alterações com height e width de varias formas e não obtive sucesso, quaisquer alterações acabam ficando apelas no layout do site e a imagem sempre fica no tamanho real.