[Resolved] adding menu hover animation GP 3.0

Home Forums Support [Resolved] adding menu hover animation GP 3.0

Home Forums Support adding menu hover animation GP 3.0

  • This topic has 5 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1477023
    dasigna

    hi folks,

    trying something i did several times before – adding menu hover animation …

    @media (min-width: 769px) {
        .main-navigation .menu > .menu-item > a::after {
            content: "";
            position: absolute;
            right: 0;
            left: 50%;
            bottom: 12px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    
            display: block;
            width: 0;
            height: 1px;
    
            background-color: currentColor;
            transition: 0.3s width ease;
        }
        .main-navigation .menu > .menu-item.current-menu-item > a::after,
        .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
        .main-navigation .menu > .menu-item > a:hover::after {
            width: 50%;
        }
    }

    using a fresh install with 3.0 and nothing seems to work. no animation.
    has there been a change with 3.0 to that somewhere?

    #1477033
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know πŸ™‚

    #1477069
    dasigna

    … work in progress – just barebone set-up site.
    link attached.

    #1477109
    Leo
    Staff
    Customer Support
    #1477124
    dasigna

    … jeez!

    no at first – didnt work eighter way. deactivated it again …
    but in addition some crazy typo!

    sorry. works of course now .-)

    definitely have to pay more attention to dots and shouldnt do more than one thing at once πŸ˜‰

    thanks leo.

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