css del menu activo

  • Resuelto mnroediger

    (@mnroediger)


    hace 7 meses, 2 semanas

    Hola, tras actualizar el theme de mi web estoy teniendo muchos problemas. Uno de ellos es que se ha dejado de ver el borde inferior en el menu principal cuando una pagina está activa. En la pagina antes de actualizar se veía bien

    Este es el css que utilizo, solo se ve el borde al pasar el raton por encima del menu. Supongo que me falta o me sobra algo.

    .nav-primary .genesis-nav-menu li:hover, .nav-primary .genesis-nav-menu li.active {
    border-bottom: 5px solid #c1b332;
    }

    Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Yordan Soares

    (@yordansoares)

    hace 7 meses, 1 semana

    Hola, @mnroediger:

    Prueba con esta regla CSS en su lugar:

    .nav-primary .genesis-nav-menu li:hover,
.nav-primary .genesis-nav-menu li.active,
.nav-primary .genesis-nav-menu li.current-menu-item {
    border-bottom: 5px solid #c1b332;
}
    Iniciador del debate mnroediger

    (@mnroediger)

    hace 7 meses, 1 semana

    Hola, gracias.

    He probado a insertar ese css en el css personalizado pero no funciona tampoco.

    Alguna otra idea?

    En la pagina original (antes de las actualizaciones) si se ve bien sin necesidad de agregarle css personalizado. (https://tarifaexperience.com/?page_id=1522)

    He tenido otros problemas y se deberían a las rutas relativas, se corrigieron escribiendo rutas absolutas. Quizás se debe esto también a lo mismo?

    Un saludo

    Yordan Soares

    (@yordansoares)

    hace 7 meses, 1 semana

    He probado a insertar ese css en el css personalizado pero no funciona tampoco.

    ¿En qué apartado estás añadiendo la regla CSS?

    Alguna otra idea?

    Prueba a añadir la declaración !important para forzar la aplicación de la regla:

    .nav-primary .genesis-nav-menu li:hover,
.nav-primary .genesis-nav-menu li.active,
.nav-primary .genesis-nav-menu li.current-menu-item {
    border-bottom: 5px solid #c1b332 !important;
}
    Iniciador del debate mnroediger

    (@mnroediger)

    hace 7 meses, 1 semana

    Hola, lo he vuelto meter y ya va. Algo habría escrito mal

    Está metido en apariencia>personalización>css adicional

    Muchas gracias!

    Un saludo

    • Esta respuesta fue modificada hace 7 meses, 1 semana por mnroediger.
    Yordan Soares

    (@yordansoares)

    hace 7 meses, 1 semana

    ¡Gracias por confirmar que ahora funciona, @mnroediger!

    Siempre es un placer ayudar 😉

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘css del menu activo’ está cerrado a nuevas respuestas.