- 14 Dez 2013, 17:09
#46754
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.
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.
Versão 3.0.3.8
