Modificar para que apareca apenas 1 produto por pagina versão mobile

Ola, algum poderia me ajudar?
Na versão mobile meu site esta estranho, algem poderia me ajudar, gostaria e deixar apenas 1 produto por visualização, ele esta como na 1 imagem, gostaria que estivesse como na 2gunda

Olá Giovani,
Tenta isso, acredito que resolve no seu tema:

@media only screen and (max-width: 380px) {
#listagemProdutos.listagem .listagem-linha li, .listagem.aproveite-tambem .listagem-linha li {
width: 330px !important;
margin-left: 22px !important;
}
}

3 curtidas

Hey, tudo bem?

A versão mobile possui um layout padrão, as alterações de CSS realizadas na loja para desktop, não terão efeitos na versão mobile.

No caso, para personalizar sua loja no Mobile é necessário criar um código CSS para essa página para que seja aplicada a personalização do layout no mobile.

Caso não tenha conhecimento técnico para isso, sugerimos contratar uma agência digital para promover estas mudanças.

Simplesmente perfeito! Muito obrigado mesmo!