Problema com @ media

Código CSS/HTML
1

Criei um código
.listagem-item .acoes-produto {
display: none;
}
Mas ele não ocultou no celular e quando crio o código
@media, para ocultar esse elemento no celular, aparece um X do lado, avisando do erro.
Como corijo isso e oculto o elemento no celular?
Obrigada

2

Bom dia,
Tenta assim..

@media only screen and (max-width: 767px) {
.listagem-item .acoes-produto {
display: none;
}
}
3

Opa tudo bom? fui dar uma olhada no seu site e vi que você já ocultou os icones de favorito e de carrinho do mobile com o codigo abaixo

@media (max-width: 767px) {
    .g_ .listagem-item .acoes-produto {
        display: none;
    }
}

Se você precisar de algo no futuro em relação a personalização do seu site algo que você considere mais avançado ou simplismente não saiba fazer me manda uma mensagem no meu whatsapp pessoal → +55 28 99993-0216 sou programador freelancer e talvez possa te ajudar com alguma coisa