Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal...
Estou com o seguinte problema...
Tenho um tema no magento, e preciso colocar um conteúdo qualquer... acontece q eu preciso colocar um conteúdo em um container, porém eu precisava que o background fosse fullwidth.... pra isso tenho as duas classes:
.bg_home_produtos {
position: absolute;
width: 100%;
left: 0;
background-image: url("bg_home_produtos.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
}
.posicao {
max-width: 1024px;
height: auto;
outline: 0px;
position: relative;
left: 50%;
top:50%;
margin-left: -512px;
}
e no html eu coloquei o seguinte:
<div class="bg_home_produtos">
<div class="grid-container show-grid posicao">
<!-- Conteúdo do tema, no meu caso um slider de produtos -->
</div>
</div>
as classes grid-container e show-grid são do próprio tema, e são responsivos. O conteúdo que está dentro do container filho, que no meu caso é um slider de produtos responsivo.
Dessa forma q eu coloquei, funcionou perfeitamente no desktop, porém quando eu diminuo a resolução o conteúdo fica travado, porque eu tive que travar o tamanho pra funcionar (width: 1024px;) se eu nao travasse, o conteúdo ia para o início da tela onde começa a classe bg_home_produtos...
Alguém pode me ajudar nessa questão?
Abraço a todos!
Obrigado!Carregando comentários...