Icone de Carrinho na Visão Mobile

Pra quem interessar, fuxiquei e fiz o seguinte no CSS

.icon-shopping-cart:before{content: url(https://cdn.awsli.com.br/201/201956/arquivos/bag32.png);}

Você pode colocar o png que achar melhor usei um de tamanho 32x32 pixels, ficou mal encaixado naquela barra que mostra carrinho vazio qd se rola a tela pra cima.
Mas ajustei ela assim (O background é a cor que você definir)

#barraTopo .carrinho > a i, #barraTopo .busca .botao-busca {
background: #A33236;
width: 32px;
height: 32px;
}

Ainda não testei mas acho que seguindo essa lógica daria pra trocar o ícone de usuario e o Home que pretendo colocar o logotipo da loja, para que o mesmo fique sempre fixo na tela.

4 Curtidas