title: Menu horizontal scrolling
body: <p>I want to make a menu that can be horizontally scrolled.
  I have found several examples.</p>
  
  <p>I really like <a href="https://benfrain.com/a-horizontal-scrolling-navigation-pattern-for-touch-and-mouse-with-moving-current-indicator/" rel="nofollow noreferrer">this</a>, but it looks very complicated.
  This is also good: <a href="https://www.w3schools.com/howto/howto_css_menu_horizontal_scroll.asp" rel="nofollow noreferrer">this</a>. It is simpler.</p>
  
  <p>I do not know how to integrate.</p>
  
  <p>My menu: twig (template engine)</p>
  
  <pre><code>{% for title,item in items %}
   {% if item is not iterable %}
   &lt;li&gt;
   &lt;a href="{{ item }}"&gt;{{ title }}&lt;/a&gt;
   &lt;/li&gt;
   {% else %}
   &lt;li&gt;&lt;a class="dropdown"&gt;{{ title }}&lt;/a&gt;
   &lt;ul&gt;
   {% include "menu_links.twig" with {'items': item} %}
   &lt;/ul&gt;
   &lt;/li&gt;
   {% endif %}
  {% endfor %}
  </code></pre>
  
  <p>How can I integrate?</p>