Overflow scroll tabbar

Hi, I build a scrolling tabbar only with css

File: style.css

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

.tab-item{
  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>
  </ion-tab>

  etc..

</ion-tabs>

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.

SOLVED

Solution here