Banners Mobile lado a lado

Storefront (loja)
#1

Olá, eu inseri um grid banners na pagina inicial mas os banners no mobile não estão aparecendo lado lado. Pensei que fosse o tamanho e criei outros banners bem menores para o mobile mas continuam um sobre o outro. Como colocá-los lado a lado?
Outra pergunta: existe alguma vitrine ou estante carrossel de categorias que seria mais fácil de implementar ao invés de banners?

image
image873×559 51.7 KB

#2

Bom dia, tudo bem?
Já conseguiu o código por ai, correto?

1 curtida
#3

Consegui sim @Matheus . Obrigado

1 curtida
#4

boa tarde, aconteceu a mesma coisa comigo, como faço para deixar grid de banner um do lado outro para mobile.
ficou um em cima do outro, acabei excluindo.

#5

Boa tarde, tudo bem?
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;	
  }
1 curtida
#6

Obrigado, deu certo :slight_smile:

1 curtida