Ajuda no menu superior

Como eu consigo subir essa imagem que está entre a categoria “MASCULINO” do menu?

Link: https://storon-manutencao.lojaintegrada.com.br/

Olá @Rodrigo_Goncalves

Você pode alterar usando a propriedade background-position

No entanto, ela fica limitada pelo tamanho do element LI do menu por conta de estar sendo utilizada como background.

Abs,
Flores | skype: fale.flores

1 Curtida

Foi quase! Gostaria que ficasse assim, tem como? Obgd por me responder :laughing:

@Rodrigo_Goncalves,
Este css é parte da sua edição ou já veio com o tema?
Eu recomendaria colocar uma pseudo-classe :before para aplicar esse ícone, dessa forma você poderia utilizar uma altura sem afetar o menu inteiro.

Abs,
Flores | skype: fale.flores

1 Curtida

Como coloco pseudo-classe:? o css é meu, não comprei o tema

Esse é o código:
li.categoria-id-1330338.borda-principal{
background: url(https://cdn.awsli.com.br/359/359396/arquivos/tag-black-symbol_icon-icons.com_54457.png) no-repeat center ;
color: transparent; background-position: 50% -50%; }

1 Curtida

@Rodrigo_Goncalves

Pode utilizar o código abaixo:

E na su LI deve colocar position: relative para que o elemento se posicione corretamente dentro dela.

Abs,
Flores | skype: fale.flores

1 Curtida

O código deu certo no menu do topo, mas ficou assim onde ta com um circulo vermelho. Como tirar para não aparecer ali!?

É só especificar mais a hierarquia das classes, acrescentando .menu.superior no início das regras de cada ícone.

Abs,
Flores | skype: fale.flores

Obgd :grin:!! E esse erro? Tá aparecendo por cima da categoria dps que coloquei os icones.

@Rodrigo_Goncalves
Neste caso você precisa inserir uma margem na mesma altura do padding aplicado no elemento do ícone, para poder reposicionar o submenu.

Abs,
Flores | skype: fale.flores

1 Curtida