[Resolved] Ayuda con personalización de menú

Home Forums Support [Resolved] Ayuda con personalización de menú

Home Forums Support Ayuda con personalización de menú

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1661455
    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.

    #1661667
    David
    Staff
    Customer Support

    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/

    #1663608
    Carol

    Muchas gracias David.

    #1664177
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.