Icone carrinho no celular

Layout
1

Bom dia Comunidade, fiz as devidas alterações que achei para personalizar o ícone do carrinho, no site via PC está perfeito. Porém quando abro no celular ele volta para o padrão.
Alguém sabe me informar qual CSS eu devo usar para chamar o icon para mobile ?
minha loja www.loja.acervonerd.com.br

CSS que estou usando
/*altera ícone do carrinho */
#cabecalho i.icon-shopping-cart.fundo-principal {
background: url(‘https://cdn.awsli.com.br/1272/1272622/arquivos/carrinho38.jpeg’) center center no-repeat;
color: transparent;
}
/*altera ícone do carrinho após a rolagem da página */
#barraTopo .carrinho>a i {
background: url(‘https://cdn.awsli.com.br/1272/1272622/arquivos/carrinho24.jpeg’) center center no-repeat;
color: transparent;
}

2 curtidas
2

Oi, bom dia! Tudo bem?

Então, para questões relacionadas a código de programação, nós não prestamos suporte, pois trata-se de uma configuração externa a nossa plataforma. Para isso, sugiro que contrate um técnico da área ou uma empresa especializada para te auxiliar. Tudo bem?

3

Boa Noite Clara, felizmente consegui resolver sem precisar do suporte depois de muito estudar a folha de estilo padrão do site :D, usando o CSS
/* alterar ícone do carrinho no cel */
a.icon-shopping-cart::before{
background: url(‘localdaimagem’) center center no-repeat;
color: transparent;
}
Obs.: CSS não é nível de programação .

4 curtidas