1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Mobile Menu Hamburger Animation

Discussion in 'Free Divi Community Forum' started by Spencer, May 12, 2018.

  1. Spencer

    Spencer New Member

    I am trying to achieve this: http://www.hopereformedbaptist.org.au/ mobile ‘hamburger’ animation effect for my Divi website but do not how.
    Any help on what code and where and how to apply it, would be greatly appreciated.

    Thank you
     
    #1 Spencer, May 12, 2018
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    #2 Divi.Help, May 12, 2018
  3. Spencer

    Spencer New Member

    #3 Spencer, May 12, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Spencer

    Spencer New Member

    #4 Spencer, May 12, 2018
  5. JacobWonder

    JacobWonder New Member

    Hey Spencer, are you still looking for an answer? I was able to recreate that awesome looking Cross Animation! Let me know if you get this and I'd be happy to share it with you!
     
    #5 JacobWonder, Mar 6, 2020
    Biserica Impact likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  6. Tony Ybarra

    Tony Ybarra New Member

    I'd be interested...
     
    #6 Tony Ybarra, Mar 25, 2020
  7. JacobWonder

    JacobWonder New Member

    https://codepen.io/jacob-wonder/pen/BaNmREm

    (Will only work with Divi 3 and up)

    It's pretty simple! All you have to do is put the CSS in Custom CSS, and the JS in the head section of your integrations! Please note you'll need to format it as follows:

    <script>
    /* CODE GOES HERE */
    </script>

    I've never run into any issues with the code... if you do please reach out, Just make sure your header height is high enough!
     
    #7 JacobWonder, Mar 26, 2020
    Biserica Impact and MarcelD like this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  8. MarcelD

    MarcelD New Member

    Thanks Jacob, nice solution!
     
    #8 MarcelD, Apr 22, 2020
  9. Jonas Aeschlimann

    Jonas Aeschlimann New Member

    Its working great with default header, but its not working with custom header built in Theme Builder.... Can you help me maybe? that would be awesome!
     
    #9 Jonas Aeschlimann, Mar 2, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)