Cómo evitar que el icono del menú se repita en las subcategorías al desplegarlo en WordPress

MAF · 15 Abr 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 Abr 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 Abr 2017

Stron dijo:
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 Abr 2017

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

Insertar CODE, HTML o 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 Jun 2017

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

Cómo evitar que el icono del menú se repita en las subcategorías al desplegarlo en WordPress

MAF

Stron

MAF

OLMID

mariangelad17