Tamanho de banner

Boa tarde, estou usando o layout Amazonas e o tamanho de banner pra pc e celular são diferentes,como faço pra fazer um banner que “caiba” nos dois?
Quando uso o recomendado pra pc 1580x500 no celular ele aparece um pedaço apenas.
Alguém me ajuda.

Olá!

No próprio campo onde se insere o banner, nas personalizações do tema, tem dicas de como proceder para se fazer um banner que seja funcional para ambas as plataformas. E lá mesmo tem um link com um tutorial pra fazer o banner. Dá uma olhada nele, aqui embaixo:

Espero ter ajudado!

Olá!

Eu tive esse mesmo problema com a minha loja virtual mas tem um macete que ajuda a resolver:

Editar o CSS

o passo a passo é esse:

Minha Nuvemshop > Layout > Personalizar seu layout atual>Edição de CSS avançada
aí você cola esse código aqui:

.slider-slide{background-size: 100% auto;background-repeat: no-repeat;}

Foi isso que resolveu meu problema.

Abs,

Olá @lixeirasnet testei seu código aqui! Até funciona, mas só que no mobile fica um espaço enorme em branco em cima e embaixo do banner, onde anteriormente era o espaço quadrado que ficava do centro do Banner.

Será que conseguimos diminuir esse espaço aí?deixar ele realmente inteiro no mobile e sem esse espaço em branco em cima e embaixo?

Verdade! Esqueci de mencionar esse detalhe importante!

No meu caso, eu editei o banner. Fui ajustando e testando pro mobile e desktop.
Fazia a arte no photoshop, subia pra teste até ficar ok. Mas foram coisas de 2 ajustem de tamanho e posição que tudo deu certo. Espero que de certo com vocês também.

Diz aí pra gente o tamanho de altura e largura do seu banner, pra vê se fica bom aqui tb! Seu Layout é o Amazonas?

Sim, o meu é o Amazonas mas acredito que esse macete se encaixe em outros layouts também.
Eu fiz o banner em 1.500x500 pixels.
Aí meio que dei uma centralizada no conteúdo do banner pra se encaixar em web e desk

PC:

Mobile:

Olá pessoal, bom dia.

O temas novos tentam ajustar o mesmo banner horizontal tanto para o Desktop quanto para o Mobile, dai pode parecer estranho se você não usa a funcionalidade de texto em cima do banner deixando a imagem do banner em si sem texto e a funcionalidade controlando o posicionamento.

Agora, muitas vezes o lojista precisa que o banner tenha várias imagens e dizerem de promoçõe e outras coisas, ajustando o CSS pode ajudar nesse caso mas o que vai acontecer no final é um banner servindo tanto para o Desktop quanto para o Mobile, ficando estranho pelo menos no Mobile a visualização.

Para ajustar isso eu sugiro extender a funcionalidade do banner rotativo do seu layout (isso funciona em qualquer layout), mas você vai precisar saber um pouco de programação para isso.

A idéia é que você tenha dois banners rotativos, uma para o Desktop e um para o Mobile, e mediante o tamanho da tela, exibir para um e para outro.

A parte ruim é ter que ficar criando duas imagens porque uma vai precisar ser bem horizontal para o Desktop enquanto que a outra vai precisar ser bem vertical para o mobile.

Fizemos isso para uma loja e está funcionando bem:
kapazinautica.com.br

Banner Desktop:

Banner Mobile:

Uma outra coisa boa é que você pode mostrar banners diferentes para Desktop e Mobile se for preciso, como uma promoção para quem vê pelo smartphone por exemplo.

Se precisar falar com um Parceiro/Especialista Nuvem Shop, só entrar em contato pelos canais abaixo:

ARTHUR DUARTE

Tel/WhatsApp: (41) 99290-6169 (respondemos rapidamente)
E-Mail: contato@duoshiro.com
Skype: contato@duoshiro.com
Website: http://www.duoshiro.com
Portfólio: https://www.nuvemshop.com.br/especialistas-nuvem/duoshiro

Desenvolvimento | e-Commerce | Automação | Segurança | Websites

Especialista Colaboração Nuvemshop

Olá,
Vou visitar seu site, achei muito legal a sua ideia, vou testar depois a funcionalidade com um novo tamanho que passou para quem você respondeu,
Eu estou no amazonas a pouco tempo, achei esse layout melhor para trabalhar, pena que faltam alguns recursos para ele ficar TOP.

Boaaaaa!
Testa e se precisar de ajuda, me chama que eu te dou uma força no que estiver ao meu alcance.

Boa sorte!

Opa! já inserir, agora vou tentar ajustar ele deve ter algum código para ajustar largura e altura, mas que reflete no design também da versão PC .
Vamos ver se eu consigo mas qualquer novidade avisa ai.
Sabe o que eu queria diminuir a altura da barra de informação onde está a informação de frete sabe? olha lá o site, https://www.paivapresentes.com.br/
O meu banner rotativo eu inserir um retângulo dos lados para que ficasse mais limpo.