Hola a todos,
Estoy modificando una web hecha en wordpress y me encuentro con un pequeño problemilla. El menú principal se encuentra en el header y en él se listan varias páginas:
Inicio - Productos - Soporte - Partners - Nosotros
Dicho menú está hecho desde el wordpress y le aplico estilo mediante css en el style.css correspondiente.
Está hecho que se ponga de fondo en el elemento del menú seleccionado un color, para que se note en que página estamos, de manera que pinchamos en "Productos" se vea esa página y se resalte en el menú.
El código css que lo hace es el siguiente:
Código:
.menu li.current_page_item {
background-color: #d54e21;
}
Ahora dentro de esa página (Productos) tengo algún otro botón que me dirige a otra página, por ejemplo, un botón "Servicios" que si lo pinchas te lleva a:
www.mipagina.com/productos/servicios
y te muestra otra página.
"Servicios" es una página con su propia plantilla y que su contenido se ha editado desde Wordpress (como todas), incluso se ha marcado "Productos" como su página padre cuando se ha creado la misma.
Lo que quiero conseguir es que al yo pulsar en el botón "Servicios" me vaya a dicha página pero me mantenga resaltado el fondo de "Productos", para así indicarme que estoy dentro de ese apartado.
He probado con current_page_parent pero o no consigo entender bien como funciona o lo estoy empleando mal...
Código:
.menu li.current_page_parent {
background-color: #d54e21;
}
¿Cómo puedo lograrlo?
¿Puede que no detecte "Productos" como página padre de "Servicios"?
Saludos y gracias.