Banner Responsivo não aparece no mobile

Bom dia! estou configurando alguns banners e o banner responsivo não aparece no mobile (mesmo colocando a imagem pra mobile) mesma coisa pro Grid de banners, colocando a imagem pra mobile ela não aparece? Tem alguma medida específica?

Captura de Tela (276)

oi @Rogerio, tudo bem?

Nesse aquivo aqui seu na linha 64 tem o seguinte código:

// hide banner in to mobile
@media (max-width: 468px) {
  .responsive-baner {
    display: none;
  }
  .banners-grid {
    display: none;
  }
}

Por isso não esta mostrando os banners no mobile.

Se tirar eles, vai mostrar.

Se precisar de alguma ajuda ou tiver alguma dúvida, me avisa aqui!

Abraço!

1 curtida

@thais, acho que lembrei porque tem esse código… os banners não ficam um ao lado do outro, sempre abaixo, mesmo colocando eles com 115px de largura. Tem como eles ficarem lado a lado?

Bom dia @thais, tentei esse código mas não deu certo

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

Bom dia, eu ajustei lá, o código é um pouco diferente. O principal ponto é esse termo que marquei, no caso “>”, quando indica ele no código, você informa que é a tag html abaixo e somente ela. No caso, era aplicado somente no primeiro e não nos demais. Retirei isso e adicionei outro atributo importante para fazer o que pretendia. Já está lá funcionando

1 curtida

Valeu demais!!

1 curtida