Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Issue with Menu Animation

  • I used the documentation to create a menu animation.

    It works great, except it puts the animation on my button link also. Is there a way to exclude the Contact Us button link from the animation?

  • Hi there,

    Edit your CSS to this:

    @media (min-width: 769px) {
        .main-navigation .menu > .menu-item:not(.mobile-nav-button) > a::after {
            content: "";
            position: absolute;
            right: 0;
            left: 50%;
            bottom: 15px;
            display: block;
            width: 0;
            height: 2px;
            background-color: var(--action);
            transition: 0.3s width ease;
        .main-navigation .menu > .menu-item.current-menu-ancestor:not(.mobile-nav-button) > a::after, 
        .main-navigation .menu > .menu-item:not(.mobile-nav-button) > a:hover::after {
            width: 70%;

    Let me know if this helps 🙂

  •  -webkit-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0);

    I had to add that code back in, but it worked great. Thank you!

  • No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.