Icones da Formas de Envio sumiu

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

  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?

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

:raising_hands:

1 curtida
/* 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

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

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

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

É 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

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

1 curtida