2 colunas versão mobile

Layout
1

Alguém pode me ajudar com código para colocar 2 colunas de produto na versão mobile?

Por favor.

Segue meu site: www.daorla.store

Obrigada.

2 
@media only screen and (max-width: 767px) {

.listagem-linha .span3 {
	width: 50%;
	padding-top: 0;
	float: left;
}

.listagem-linha li {
	margin-top: 0;
}

}
3

Recomendo deixar as imagens dos produtos com medidas proporcionais para melhorar o layout

4

Não deu certo.

Esse código é CSS ou HTML?

5

esse código postado é CSS

aqui parece que deu certo!

image
image868×489 106 KB

6

Não deu certo. Fica assim no CSS:

Capturar

7

talvez seja pq vc ja tem um erro na sua pagina!

image
image893×222 25.7 KB

8

Pode ser, porque até agora não apareceu pra mim.

E como eu sei onde está esse erro? :cold_sweat:

9

tente assim, forçando a barra!

@media only screen and (max-width: 767px) {

.listagem-linha .span3 {
	width: 50% !important;
	padding-top: 0 !important;
	float: left !important;
}

.listagem-linha li {
	margin-top: 0 !important;
}

}
10

o erro está aqui…

image
image867×274 20.1 KB

11

Acabei de excluir, mas mesmo assim o código que você mandou tb não deu certo :cold_sweat:

12

Olá, Leonardo, tudo bem?
Eu também gostaria de colocar duas colunas, mas acontece a mesma coisa, ele simplesmente não altera.
Seria muito incômodo dar uma olhadinha pra mim?

13

desculpe não faço a menor ideia de como fazer isso, só tentei ajudar quando o @joc01 passou o código…

14

Ah, que pena.
Agradeço muito :blush:

15

Tudo bem, Cícero? Eu também estou tentando colocar duas colunas, mas a alteração não acontece. Pode me ajudar com isso por favor?

TAFUL

16

ola poderia me ajudar, tambem quero colocar 2 produtos na versao celular

1 curtida