Answer the question
In order to leave comments, you need to log in
Animation hamburger.css not working, any errors?
Explain why the hamburger animation does not work, everything seems to be correct.
<head>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/hamburgers.css">
<link rel="stylesheet" href="css/jquery.mmenu.all.css">
</head>
<a href="#my-menu" class="hamburger hamburger--arrow">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</a>
<script src="js/vendor/jquery-3.3.1.min.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery.mmenu.all.js"></script>
$(function() {
$('#my-menu').mmenu({
extensions: [ 'widescreen', 'effect-menu-slide', "theme-dark", 'pagedim-black' ],
navbar: {
title: 'CodeOcean'
},
navbars: [
{
"position": "bottom",
"content": [
"<a class='fa fa-envelope' href='#/'></a>"
]
}
]
});
var api = $('#my-menu').data('mmenu');
api.bind('opened', function() {
$('.hamburger').addClass('is-active');
}).bind('closed', function() {
$('.hamburger').removeClass('is-active');
});
});
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question