Menu icon Foundation

My Posts

No Content

My Comments

Alejandro Maliachi Quintana commented on Maxwell Le's post almost 5 years

Well, I just take my time to read the documentation, look at forums (not only this one) and here is the answer to make the Off Canvas Navigation work:

In the head tag, you must link the css files and the modernizr files like this example:

<head>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>

Then, to make navigation works, you must wrote the jquery.js, foundation.min.js and the Initialize foundation function BEFORE closing the body tag, like this:

<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
    $(document).foundation();
</script>
</body>
</html>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Maxwell Le's post almost 5 years

Well, I just take my time to read the documentation, look at forums (not only this one) and here is the answer to make the Off Canvas Navigation work:

In the head tag, you must link the css files and the modernizr files like this example:

<head>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>

Then, to make navigation works, you must wrote the jquery.js, foundation.min.js and the Initialize foundation function BEFORE closing the body tag, like this:

<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
    $(document).foundation();
</script>
</body>
</html>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content