Mini banner mobile encima do outro

Layout
1

meus mini banner no mobile fica um encima do outro, como que eu faço para que ele fica um ao lado do outro

image
image391×843 75.6 KB

queria que ficasse igual fica no desktop

image
image1920×855 80.6 KB

2

Oi @PerucasMasculinas tudo bem? Tem como fazer essa alteração via CSS, porém tem que ver se vai ficar bom pois o tamanho ficaria menor para caber as 3 imagens em uma única linha. Entrei na sua loja e vi que retirou essas imagens… pra eu criar um código pra você eu preciso dela pra me basear.

2 curtidas
3

pronto deixei ativado os banners

1 curtida
4

Boa! adicione esse código via CSS no Visual > Editar CSS

@media only screen and (max-width: 767px)
.row-fluid.banner.hidden-phone {
    display: flex !important;

.modulo.span4 {
    margin: 5px !important;
}

}
1 curtida
5

image
não deu certo

6

acho que seria isso


@media only screen and (max-width: 767px){
   .row-fluid.banner.hidden-phone {
       display: flex !important;
   }
   .modulo.span4 {
       margin: 5px !important;
   }
}
1 curtida
7

eu coloquei e ate agr não mudou nd

8

bom, ai tem que ver com o amigo acima, fiz somente a correção dos erros.