title: Tab panels swipe-able in mobile view?
body: <p>I have a tabbed menu and I want the tabbed menu (the <code>ul class="tabs"</code>) to be swipe-able in mobile view.</p>
  
  <p><strong>EDIT:</strong> I found a snippet on using <strong>Slick JS</strong>, I never knew about this JS but I want it to apply this <a href="https://codepen.io/gbhasha/pen/gaggRR" rel="nofollow">codepen</a> on my current tabbed menu.</p>
  
  <p>How to combine with my current tabbed menu properly? I tried to combine it but the current UI design of my tabbed menu getting messed up.</p>
  
  <p>Here's my <a href="http://codepen.io/anon/pen/wzOPrL" rel="nofollow">codepen</a> of tabbed menu</p>
  
  <pre><code>&lt;section class="wrapper"&gt;
  &lt;ul class="tabs"&gt;
     &lt;li class="active"&gt;&lt;span class="icons-tabbed icon-icon-tab-locator"&gt;Tab 1&lt;/span&gt;&lt;/li&gt;
     &lt;li&gt;&lt;span  id="partner-store" class="icons-tabbed icon-icon-tab-howto"&gt;Tab 2&lt;/span&gt;&lt;/li&gt;
     &lt;li&gt;&lt;span  id="partner-store" class="icons-tabbed icon-icon-tab-howto"&gt;Tab 3&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul class="tab__content"&gt;
     &lt;li class="active"&gt;
        &lt;div id="tab1" class="content__wrapper"&gt;
        &lt;/div&gt;
     &lt;/li&gt;
  </code></pre>