Fórum OpenCart Brasil

Olá, alguém saberia me informar por favor como fazer com que imagens do banner slider principal diminuam conforme a resolução de tela?
Estou utilizando este banner que aliás é excelente e me salvou. Estava com problemas com o Internet Explorer 10 onde as imagens ficavam estáticas uma acima da outra em vez de rotativas e com esse voltou ao normal, além de ter vários tipos disponíveis:

http://www.tr-opencart.com/Konu-gelismi ... %20?page=3

Nas configurações do banner utilizo a resolução 920X300.

Quando configuro a resolução do micro para 1024X768

Gostaria que o banner ficasse com Largura de 690, só assim para ficar perfeito na tela sem "comer" a imagem.


No css principal do meu tema tem o @media screen and (max-width:320px) { para definir o responsive.
@media screen and (max-width:1024px) para a resolução que citei como exemplo

A ideia seria que quando ficasse com essas resoluções as imagens do banner se adequassem.

Tentei colocar no arquivo nivo-slider.css o parâmetro @media screen and (max-width:320px) { definindo o tamanho das imagens sem sucesso.

Caso não seja possível fazer isso, tem como ocultar a div responsável pelo banner conforme a resolução utilizando o @media screen and (max-width:320px) {?


Agradeço a atenção.

já tentou usar esse slide aqui? http://www.opencart.com/index.php?route ... on_id=7067

Fala Alex, tudo certo?
Obrigado por responder.

Esse banner é o que eu tinha antes.

No Internet Explorer 10 ele não funciona, se três banners estiverem cadastrados, ficarão três imagens uma acima da outra em vez de ficar em slider.

linktraba escreveu:Fala Alex, tudo certo?
Obrigado por responder.

Esse banner é o que eu tinha antes.

No Internet Explorer 10 ele não funciona, se três banners estiverem cadastrados, ficarão três imagens uma acima da outra em vez de ficar em slider.

Nossa que estranho no meu tema tem o flexslider responsive funciona corretamente, eu acho que deve ser por causa de CSS que isso está dando no seu.

Nesse banner exemplo que me enviou, você sabe qual é o arquivo que o torna responsive?

Pelo css não é.

@leandrorppo consertou o banner padrão para mim e agora funciona corretamente em qualquer browser de qualquer versão e responsivo, perfeito, valeu.