[Resolved] Ayuda con personalización de menú

[Carol]

Hola, he estado ojeando los temas de las librería y hay algunas cosas que me han gustado, entre ellas, ¿cómo podría poner esas rayitas encima del menú cuando pasas el ratón que aparece en el tema Avery?.

Muchas gracias.

[David]

Hi there,

you would need to add this CSS:

.main-navigation .menu > .menu-item > a::after {
    content: "";
    position: absolute;
    right: 50;
    left: 50%;
    color: #ccabc1;  
    top: 8px; 
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px; 
    background-color: currentColor;
    transition: 0.3s width ease;
}

.main-navigation .menu > .menu-item > a:hover::after,
.main-navigation .menu > .menu-item > a:focus::after,
.main-navigation .menu > .current-menu-item > a::after{
    width: 40px; 
    color: #ccabc1;  
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Carol]

Muchas gracias David.

[David]

You’re welcome

[Author]

Posts