Separador no menu com ícones

12/04/2019 - 11:33:27
Lá vou eu de novo..
Eu coloquei um separador com imagem no menu com ícones, através de uma postagem no grupo do face mais antiga.
Acontece que fica um separador após o último ícone, e no menu persistente, também fica um separador depois do ícone de busca..
Fiz errado? Tem um jeito melhor de fazer?

14/04/2019 - 11:12:14

Bom dia, qual foi o código que inseriu?

Matheus Guedes

14/04/2019 - 14:13:02
Foi este:
.header-navigation>ul>li {
background: url(//cdn.ecvol.com/s/lojaallschool.e-com.club/uploads/separador_menu.jpg) no-repeat right center;
}

15/04/2019 - 11:16:12

Acrescente esse também:

.header-navigation>ul>li:last-child {
background: none !important;
}

Matheus Guedes

16/04/2019 - 18:16:23
Tentei aqui e saiu o separador que ficava após a caixa de busca no menu persistente.
No menu normal e no persistente, ainda fica um separador depois do último ícone

17/04/2019 - 09:49:50

Você quer que saia o separador da última categoria? E não da barra de pesquisa? Se for assim, basta editar esse css, colocando a posição desejada que gostaria de esconder.

Matheus Guedes

17/04/2019 - 10:48:43
Não entendi...
Se a imagem do separador está na mesma posição do código que você enviou, porque só deixou de exibir na busca?
Esta não entendi mesmo, desculpe...

17/04/2019 - 15:41:33

O código que você inseriu foram para todas as posições "li"
No código que te passei, retirei a imagem de fundo do último "li". Para retirar de um "li" específico, basta selecionar ele com seletor css e ação será executada apenas nele

Matheus Guedes

17/04/2019 - 16:45:23
Vou estudar aqui e ver se entendo essa parte.
Sinceramente, ainda estou bastante cru nesse quesito...
Obrigado pela atenção, sei que não é obrigação sua ajudar com isso!!

18/04/2019 - 05:14:54

li#c_presentes {
background: none !important;
}

Matheus Guedes

18/04/2019 - 20:54:54
Entendi, de novo, muito obrigado.
Vou aprendendo...

Ticket #10180