Archived topic
Ayuda con personalización de menú
3 replies · Started by Carol on February 17, 2021
Viewing posts 1–4 of 4
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.
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/
Muchas gracias David.
You're welcome
This archived topic is closed to new replies.