在materializeCSS框架中，网站移动版本的下拉菜单代码将如何？

Question

任何人都可以给我一个可以在台式机和移动版中使用的下拉菜单代码吗？

请检查以下我使用的导航栏代码，其中包含桌面中的当前导航栏版本。

  <nav class="teal">
  <div class="container">
     <div class="nav-wrapper blue">

        <a href="#" data-target="mobile-nav" class="sidenav-trigger">
        <i class="material-icons">menu</i>
        </a>
        <ul class="right hide-on-med-and-down">
           <li>
              <a href="index.html">Home</a>
           </li>

           <li>
              <a href="#" class="dropdown-button" data- 
 activates="dropdown1">Dopdown<i class="material-icons 
 right">arrow_drop_down</i></a>
              <ul id="dropdown1" class="dropdown-content">
                 <li><a href="#!">Resort1</a></li>

              </ul>
           </li>

        </ul>
     </div>
  </div>
</nav>
<ul class="sidenav" id="mobile-nav">
<li>
  <a href="index.html">Wayanad</a>
</li>

<li>
  <a href="#" class="dropdown-button" data-activates="dropdown2">Dopdown<i 
 class="material-icons right">arrow_drop_down</i></a>
  <ul id="dropdown2" class="dropdown-content">
     <li><a href="#!">Resort1</a></li>

  </ul>
 </li>

 </li>
 </ul>