Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #401863

    How could I implement something like this?

    http://codepen.io/stevenfabre/pen/LGvzk

    #402181

    Hi Mike!

    The HTML you can paste into your page content. The CSS can go in the Quick CSS theme setting or in one of the stylesheets. The JS can be added to the bottom of your functions.php file like so.

    add_action( 'wp_footer', 'enfold_customization_footer_scripts' );
    function enfold_customization_footer_scripts() {
    ?>
    <script type = "text/javascript">
    your javascript goes here
    </script>
    <?php
    }

    Regards,
    Elliott

    #768773

    Hi, I can see that this topic has been off for a while, but I am trying to do the exact same thing. I’ve put the JS at the bottom of the functions.php and it doesn’t cause any errors, but my icon doesn’t transform at all. The CSS and HTML work fine.

    #768799

    Hi again,

    Fixed it. It was something with the JavaScript code. I changed it, and now it works like a charm.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Animated hamburger mobile menu icon’ is closed to new replies.