<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Menio</title>
  <link rel="stylesheet" type="text/css" href="styles/menio.css">
</head>
<body>

  <ul class="menio">
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
  </ul>

<script src="js/menio.js"></script>
<script>
  var menu = new Menio({
    element: '.menio',
    breakpoint: 'auto'
  });
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Menio</title>
  <link rel="stylesheet" type="text/css" href="styles/menio.css">
</head>
<body>

  <nav class="menio">
    <ul>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </nav>

<script src="js/menio.js"></script>
<script>
  var menu = new Menio({
    element: '.menio',
    breakpoint: 'auto'
  });
</script>
</body>
</html>
Change HTML struture -Wrap the menu inside a <nav> tag. This will accomodate the use of a button on mobile
Change HTML struture
-Wrap the menu inside a <nav> tag. This will accomodate the use of a
 button on mobile
