I'm starting to learn the Ulkit Css framework, I'm trying to make a responsive menu that fits the mobile. When it is in a mobile resolution, it does nothing like the examples that the Ulkit site does, if anyone who understands this framework can help me.
Below the code:
<html>
<head>
<title></title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/uikit.min.css" />
<link rel="stylesheet" href="js/uikit.min.js" />
<script src="uikit.min.js"></script>
</head>
<body>
<div class="uk-margin">
<nav class="uk-navbar">
<ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-active"><a href="" class="uk-navbar-nav-subtitle">Active<div>Subtitle</div></a></li>
<li><a href="" class="uk-navbar-nav-subtitle">Item<div>Subtitle</div></a></li>
</ul>
<a href="#offcanvas-1" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
</nav>
</div>
<!-- Era para aparecer um menu lateral -->
<div id="offcanvas-1" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<div class="uk-panel">Lorem ipsum dolor sit amet, <a href="#">consetetur</a> sadipscing elitr.</div>
</div>
</div>
</body>
</html>