Make the Mega menu for mobile users visible as well?

Hi guys
I've followed Will's instructions for creating a mega-menu on my website:
Mega Menu in Squarespace 7.1 (Simple) | Will Myers | Squarespace Plugins (will-myers.com)

Now I've created it, but it seems that I've created it only for desktop-users, how can it be visible on mobile as well?
I went through the page multiple times but can't seem to find it, any ideas?

I've been told something like this:
 

data-mobile-type="section"

<div data-mega-menu="/mega-menu-url-here"
  data-mobile-type="section"
></div>

So that means it should look like this?

<script>
$(function(){
   $('.header-display-desktop [href="/myURL"] + .header-nav-folder-content').append($('[data-section-id="6665f59f2cbd2d1d11f76609"]'))
});
  <div data-mega-menu="/myURL" data-mobile-type="6665f59f2cbd2d1d11f76609"></div>
</script>

Thanks and have a nice day!
 

Can you share link to site where you added code? We can check easier.