Alteração mobile

@Matheus/@thais , bom dia!

Como fica o código para minha loja?

Boa noite, qual alteração? Aqui tem algumas

@Matheus para que na versão Mobile, os Grids de Banners fiquem um do lado do outro.

Olá, @varaldotorcedor pode usar esse código abaixo :arrow_down:

Vá em Layout > Inserir Código > Editar CSS:

@media(max-width: 767px) {.banners-grid.my-3.my-md-4.my-lg-5 div.col-12.col-lg-3.mb-3.mb-lg-0 {
    max-width: 50%;
    flex: 0 0 50%;
    padding-right: 10px;	
    padding-left: 10px;	
  }

@varaldotorcedor alterei o código acima somente para mobile :arrow_up:

Se quiser mudar no desktop e mobile é esse abaixo:

.banners-grid.my-3.my-md-4.my-lg-5 div.col-12.col-lg-3.mb-3.mb-lg-0 {
    max-width: 50%;
    flex: 0 0 50%;
    padding-right: 10px;	 
    padding-left: 10px;	
  }

Olá,

A versão Desktop, tem como ficar igual como era antes?

Os outros Grids de Banners, que ficam mais abaixo, consegue fazer o mesmo (na versão mobile)?

Para a versão desktop ficar igual era antes, você precisa adicionar apenas esse código, pois ele irá aplicar no Mobile apenas.

Voce quer em todos os banners da página principal? O problema que vejo nesse último, é que você tem 3 por linha, ou seja, iria ficar 2 em uma linha e 1 na linha separada

1 curtida

sim, 2 em uma linha e 1 na linha separada, não ficaria legal.

Não tem como colocar, os 3 na mesma linha na versão mobile, conforme é a versão desktop?

Fica muito pequeno, veja
image

1 curtida