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 WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

animate mobile menu on close

  • Is there a way to animate the mobile menu when it is closed?
    I can animate it to slide down on open, but I’d like to animate it to slideup when closed.
    Is this possible?

  • Hi there,

    it is … but can be tricky.
    Can you share a link to the site and I can take a look at whats possible

  • Thank you, much appreciated, link added in private info

  • Try adding this:

    @media (max-width: 991px) {
        .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul {
            display: block;
            height: 0;
            overflow: hidden;
        }
    }
    
    .main-navigation:not(.slideout-navigation) .main-nav > ul {
        transition: all 0.3s ease;
        padding: 0 32px;
    }
    }
  • Thanks Ying, the code did not work but it did give us enough info to adjust and find a solution, so many thanks.
    Ben

  • You are welcome   🙂

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