Ícone do Carrinho Bugado

Olá pessoal!
O ícone do carrinho de compras do meu site está bugado quando encontra-se vazio.
Sendo assim os dois próximos ícones ficam na posição abaixo e o site ficou muito feio.
Seguem os prints

Carrinho vazio: https://cdn.awsli.com.br/1163/1163761/arquivos/antess.jpg
Carrinho cheio: https://cdn.awsli.com.br/1163/1163761/arquivos/depoiss.jpg

O que acontece é que está aparecendo a escrita “Carrinho Vazio” e isso toma muito espaço do local dos ícones. Antes não aparecia essa escrita, mas sim, somente o ícone.

Já tentei o seguinte código sem sucesso:
/* Retira a mensagem de “Carrinho vazio” */

.carrinho.vazio>a span {
display: none;
}

Alguém poderia me ajudar, por favor?
Desde já, obrigado

1 curtida

Boa noite,
para remover o texto tenta assim…

@media screen and (min-width: 768px) {
.carrinho.vazio>a span {
    display: none !important;
}
}

3 curtidas

Muito obrigado amigo!
Quebrei a cabeça o dia inteiro hoje, e com sua ajuda, deu certo!

3 curtidas