title: Skip menu div and show contents
body: <p>On the WordPress theme I am working on <a href="https://themes.getmotopress.com/2019/" rel="nofollow noreferrer">https://themes.getmotopress.com/2019/</a> the menu turns into a circle and excess menu items are put into this when the screen resolution decreases.</p>
  
  <p><a href="https://i.stack.imgur.com/TH189.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TH189.jpg" alt="enter image description here"></a></p>
  
  <p>I would like to stop <code>&lt;div class="main-menu-more"&gt;</code> from showing and all elements become listed in the main container. I have used the code </p>
  
  <pre><code>.main-navigation .main-menu-more {
      display:none;
  }
  </code></pre>
  
  <p>Which hides the more menu however the elements inside do not show?</p>