Overflow scroll tabbar

Hi, I build a scrolling tabbar only with css

File: style.css

.tab-nav, .tabs{
  overflow-x: scroll;

  min-width: 80px;

File: tabs.html

<ion-tabs class="tabs-icon-top tabs-color-active-positive"> 
  <ion-tab title="News" icon-off="news" icon-on="news" href="#/tab/dash">
    <ion-nav-view name="tab-dash"></ion-nav-view>



The div scrolls on right, but the problem is that the icons on left (News and other) are hidden.

I saw that the width of .tabs class is 100%. When remove this width or I put a fixed width the hidden icons showa but scrolling doesn’t work.

News icon appear in a browser only when I enlarge windows

Nobody have idea ? I need some help.

I have this same issue. As I get more tabs in the menu, the left ones are unable to be scrolled to.


Solution here