# Menu secciones y categorias "current menu item"

**URL:** <https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322>\
**Category:** Aprendizaje\
**Created:** [25 Junio, 2018 18:35 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322 "2018-06-25T18:35:23Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mparraud](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/mparraud/32/3233_2.png) [@mparraud](https://foro.wpargentina.org/u/mparraud)\
**Post date:** [25 Junio, 2018 18:35 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322/1 "2018-06-25T18:35:23Z")

</div>

Tengo un menu principal con varias **secciones**.  
**Cada seccion es un CPT** con categorias propias del CPT.  
Cuando entro a una sección, el item del menú queda con el style **current-menu-item** lo que me permite cambiarle el color para que el usuario identifique dentro de qué sección está.  
Dentro de la sección muestro un menú en el sidebar con las categorías correspondientes a esa sección.  
Hasta acá, todo perfecto.

Aqui viene mi problema: cuando el usuario elige una categoria, el menu de las categorias tiene un style **current-menu-item** pero el menu principal, no lo tiene más.

quiero la sección mantenga el style

¿como puedo hacerlo?

 ![seccion-recursos](https://foro.wpargentina.org/uploads/default/original/1X/d0f43573f1e1caa104d62e8281edf3b2a82a441c.png)

 ![categorias-recursos](https://foro.wpargentina.org/uploads/default/original/1X/8c0cb34fec1c07e4c0bc518abd7b08a810f30301.png)

---

<div class="post-metadata">

**Author:** ![gonzalesc](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/gonzalesc/32/58_2.png) [@gonzalesc](https://foro.wpargentina.org/u/gonzalesc)\
**Post date:** [25 Junio, 2018 18:53 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322/2 "2018-06-25T18:53:17Z")

</div>

Te refieres al menu de la izquierda?

Yo veo que al menu padre le pone “wp-has-current-submenu” como class

Saludos

---

<div class="post-metadata">

**Author:** ![mparraud](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/mparraud/32/3233_2.png) [@mparraud](https://foro.wpargentina.org/u/mparraud)\
**Post date:** [25 Junio, 2018 18:58 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322/3 "2018-06-25T18:58:40Z")

</div>

No, me refiero al menu principal. ahi agregué unas “fotos de pantalla” para que se entienda.  
La web es: [ziliotto.com.ar](http://ziliotto.com.ar)

---

<div class="post-metadata">

**Author:** ![gonzalesc](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/gonzalesc/32/58_2.png) [@gonzalesc](https://foro.wpargentina.org/u/gonzalesc)\
**Post date:** [25 Junio, 2018 19:09 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322/4 "2018-06-25T19:09:21Z")

</div>

Claro si vas a otra sección pues se pierde la clase ya que es otro item el actual ahora. Pero bueno tal vez puedas usar el hook “ **nav\_menu\_css\_class** ” donde puedes definir la clase que quieres darle así se encuentre en otra sección.

Saludos

---

<div class="post-metadata">

**Author:** ![mparraud](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/mparraud/32/3233_2.png) [@mparraud](https://foro.wpargentina.org/u/mparraud)\
**Post date:** [25 Junio, 2018 19:22 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322/5 "2018-06-25T19:22:45Z")

</div>

> [@gonzalesc](#):
>
> nav\_menu\_css\_class

bien, bien. Me supera un poco,pero voy a investigar por ahi!

gracias!!!

---

<div class="post-metadata">

**Author:** ![mparraud](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/mparraud/32/3233_2.png) [@mparraud](https://foro.wpargentina.org/u/mparraud)\
**Post date:** [29 Junio, 2018 10:49 UTC](https://foro.wpargentina.org/t/menu-secciones-y-categorias-current-menu-item/322/6 "2018-06-29T10:49:38Z")

</div>

Bueno, lo resolví de la siguiente manera:

Dentro del menu, a cada item le agregué una clase css, por ejemplo `eventos-s, articulos-s, recursos-s y capacitacion-s`  
Luego en el Personalizador agregué un css que incluye la clase de la categoria en la que estoy  
`.tax-categorias-recursos #menu-principal li.recursos-s a, .single-recursos #menu-principal li.recursos-s a { color: #9a5b11; }`

Es medio chino, pero funcionó perfecto!