title: Make first level items in mmenu from <span> to hyperlink
body: <p>I make a menu with the mmenu plugin in my typo3 website. the Menu has only one level ! in the Mobile sight (Hamburger) they are all <code>&lt;span&gt;</code> and not clickable !!!</p>
  
  <p><code>&lt;ul class="mm-listview"&gt;
      &lt;li&gt;&lt;span&gt;First&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span&gt;second&lt;/span&gt;&lt;/li&gt; 
    &lt;/ul&gt;</code></p>
  
  <p>this is my main javascript </p>
  
  <pre><code>$("#my-menu").mmenu({
  
          "extensions": [
              "theme-topit",
              "fullscreen"
          ],
          "autoHeight": {
              "height": "highest"
          },
          "navbars": [
              {
                  "position":"top",
                  "height": 2,
                  "content":[
                      "&lt;div id='searchinMobileNav'&gt;&lt;/div&gt;","close"
                  ]
              },
  
              {
                  "position": "bottom",
                  "height": 2,
                  "content": [
                      "&lt;div id='socialLinksMobileNav'&gt;&lt;/div&gt;"
                  ]
              }
          ]
  
      },
      {
          classNames: {
              selected: 'cur'
          }
      }
  );
  </code></pre>
  
  <p>What should I do to change the <code>&lt;span&gt;</code> to <code>&lt;a href&gt;</code> </p>