How can I make a Horizontal scrolling nav bar that also works with mobile

So I have a website about the NBA and the problem is there is 30 teams in the NBA. When I make a nav bar it takes up half the page because there is 30 teams lol. How can I make a nav bar that scrolls horizontally to the right so just more teams keep popping up as your scroll. I also need it to work for mobile version so I need this nav bar to be responsive. Thank you very much.