Alguém sabem como arrumar isso?

meu site no cel fica errado 06

queria que fica-se como fica no pc image

https://www.criaestampa.com/caneca-personalizada-porto-alegre

@criaestampa

Esse trecho de código CSS vai ajuda-lo a ter o resultado esperado.

@media screen and (max-width: 767px){
  body .acoes-produto-responsiva a.tag-comprar{
    border-radius: 0;
  }
  body .listagem-item:hover .info-produto .nome-produto:after{
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 94%;
    left: 50%;
  }
}

Abs,
Flores | www.upper.rocks

valeu pela ajuda :slight_smile: mas não deu certo, não sei se fiz errado mas não deu :frowning:

1 Curtida

@criaestampa

O código foi testado :wink:
Você inseriu por esse caminho:
image

Abs,
Flores | www.upper.rocks

eu tinha add por ai mas não deu :frowning:

image

image

não deu :frowning:

https://www.criaestampa.com/caneca-personalizada-porto-alegre

@criaestampa

Tente desta forma então:

@media screen and (max-width: 767px){
  body .acoes-produto-responsiva a.tag-comprar{
    border-radius: 0;
  }
  body .listagem-item .info-produto .nome-produto:after {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 94%;
    left: 50%;
    background-color: #080808;
    content: "+ Ver Mais";
    position: absolute;
    color: white;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 12px 0;
    font-weight: 700;
    bottom: -100px;
    cursor: pointer;
  }
}

Abs,
Flores | www.upper.rocks

oie valeu mesmo por esta me ajudando :slight_smile:
quase deu certo
mas agora, quando não clica aparecer normal
16

ai quando clica da erro
52

:frowning:

https://www.criaestampa.com/caneca-personalizada-porto-alegre

na verdade eu queria que no cel não aparece o ver mais pro no cel não tem como comprar na primeira telaimage
no cel tu clica e já vai direto pro produto eu só quero bloquear o ver mais no cel
17
eu quero tirar fora o ver mais no cel
https://www.criaestampa.com/caneca-personalizada-porto-alegre

@criaestampa

Você pode aplicar display: none na mesma regra de CSS.

@media screen and (max-width: 767px){
  body .acoes-produto-responsiva a.tag-comprar{
    border-radius: 0;
  }
  body .listagem-item .info-produto .nome-produto:after {
    display: none;
  }
}

Abs,
Flores | www.upper.rocks

oie acabei de tentar mas não deu :frowning: não bloqueou
image
image

https://www.criaestampa.com/

@criaestampa adicione !important na declaração.

 display: none !important;

Abs,
Flores | www.upper.rocks

1 Curtida

Boa noite, agora deu certo :slight_smile:
image

valeu mesmo :wink:

https://www.criaestampa.com/caneca-personalizada-porto-alegre