Icones da Formas de Envio sumiu

Código CSS/HTML
1

Boa noite!

Hoje reparamos que os ícones da Formas de Envio sumiram, mas está tudo configurado certinho.

Então adicionamos um código encontrado aqui na comunidade:
https://comunidade.lojaintegrada.com.br/t/forma-de-envio-no-rodape/4752/2?u=amandamagro

Mas apareceram alguns probleminhas:

  1. No mobile ficou um pequeno espaço a esquerda dos ícones

    envio2
    envio2414×788 53.2 KB

  2. A linha cinza cinza aparentar estar sobrepondo as linhas de pagamento e selos,
    seria possível que ficasse o mesmo espaço das de cima ou até sem ela?

envio1
envio11332×788 86.6 KB

  1. E deixar o SIGA O NOSSO INSTAGRAM na mesma linha dos demais a esquerda.

:raising_hands:

1 curtida
2 
/* Alinhar rodapé instagram */
#rodape span.titulo.cor-secundaria.hidden-phone {
    margin-top: 10px !important;
    }

/* Retirar o espaçamento ícones envios MOBILE */
@media (max-width: 768px) {
  div#span4-envios ul, ol{
    margin: 0 !important;
  }
}
1 curtida
3

Ficou perfeito! :raising_hands:
Tem alguma ideia porque a linha cinza abaixo dos titulos está sobreponto as outras?

Ficou assim porque simplesmente as formas de envio sumiram e ao add o código dos envios, parece que criou outra por cima.

1 curtida
4

Acho que o problema é como o elemento inserido estava sendo tratado, por algum motivo ele não herdou o “display”, e o border-bottom estava pegando toda a largura do bloco.

/* Ajustar espaçamento das linhas no rodapé */
div#span4-envios {
    display: inline-block !important;
    padding: 0px 50px !important;
}
1 curtida
5

Verifiquei aqui e mudou no mobile (centralizou), mas no desktop ainda continua a linha inteira sobrepondo.

image
image568×684 47.1 KB

6

É porque você colocou dentro do media do mobile!

Vou te enviar o código completo com tudo corrigido, remove os que te enviei e coloca esse.

/* Retirar o espaçamento ícones envios MOBILE */
@media (max-width: 768px) {
  div#span4-envios ul, ol{
    margin: 0 !important;
  }
  div#span4-envios {
    padding: 0 !important;
  }
}
/* Ajustar espaçamento das linhas no rodapé */
@media (min-width: 769px) {
   div#span4-envios {
    display: inline-block !important;
    padding: 0px 50px !important;
   }
}
1 curtida
7

Nossa verdade!
Mais uma vez salvando!
Deus abençoe!

1 curtida