Como evitar que o ícone do menu se repita nas subcategorias ao expandi-lo no WordPress

MAF · 15/04/2017

Hola a todos, estoy introduciendo en mi web de wordpress un menú con iconos por CSS, pero lo que me ocurre es que el icono se me repite en las subcategorías al desplegar el menú y yo solo quiero que me aparezca en la categoría principal.

No se mucho sobre CSS, y se que me falta algo en el código, alguien podría echarme una mano?

Este es el código que tengo puesto:

HTML:

.home-link-icon a{
   padding-top: 45px !important;
   background-image: url(http://miweb.com/wp-content/uploads/2017/04/1492328393_sofa-chair.png);
   background-position: top;
   background-repeat: no-repeat;
}

Y así es como se me ha quedado:

Menú sin desplegar: http://i.imgur.com/PbLM5ly.png
Menú desplegado: http://i.imgur.com/qYzVap4.png

Muchas gracias de antemano!

Stron · 15/04/2017

A tu css no le falta nada, lo que pasa es que estas aplicando el mismo estilo a todos los enlaces del menu. lo que tienes que hacer es darle una clase diferente a cada enlace del menu, ya que si solo .home-link-icon a le estaras dando el mismo estilo a todo.

MAF · 15/04/2017

Stron disse:
A tu css no le falta nada, lo que pasa es que estas aplicando el mismo estilo a todos los enlaces del menu. lo que tienes que hacer es darle una clase diferente a cada enlace del menu, ya que si solo .home-link-icon a le estaras dando el mismo estilo a todo.

No no, las categorías principales (Muebles - Electrodomésticos - Electroportátiles) tienen el mismo icono porque yo se lo he puesto a propósito, lo que me copia el mismo icono son las subcategorías cuando despliego el menú, tal y como muestro aquí: http://i.imgur.com/qYzVap4.png (Cocinas, Lavadoras, etc no debería mostrar el icono).

No se si me explico bien...

- - - Actualizado - - -

Por favor una ayuda?

OLMID · 22/04/2017

Prueba con esto, en las subcategorías le pones background-image: none;

Inserir CODE, HTML ou PHP:

.home-link-icon a{
   padding-top: 45px !important;
   background-image: url(http://miweb.com/wp-content/uploads/2017/04/1492328393_sofa-chair.png);
   background-position: top;
   background-repeat: no-repeat;
}
.home-link-icon ul li a{
   background-image: none;
}

Saludos 🙂

PD.- si pones aquí el html del menú sería mejor para nosotros

mariangelad17 · 15/06/2017

seguramente le estas poniendo el mismo estilo a parte en el html solo debes hacer otro css para esa área.

Como evitar que o ícone do menu se repita nas subcategorias ao expandi-lo no WordPress

MAF

Stron

MAF

OLMID

mariangelad17