Horizontal Tabs Dropdown Sucks

When I’m viewing in mobile I want the tabs to shift to the next line instead of disappearing and creating a dropdown.
The dropdown had display issues and sometimes gets cut off. It also looks really bad even with adding css because it doesn’t display inline properly. Another issue is that when it closes, the selected tab is no longer shown. It keeps the first tab(s) in view, even if they are not selected.

I’ve tried everything when it comes to playing around with the code. Including deleting the dropdown module to test. Nothing works. It’s as if I’m not editing the correct code despite my code inspector pointing to it. Or my browser is holding onto the code.

I know what I’m trying to do isn’t going to work well for people with many tabs. But maybe more code needs to be in place to change the order of the tabs so the active one shows up on top, but only if it’s using the dropdown.

One last thing. I’m unable to center my tabs in the row. Again I’ve tried everything but all it does is break layout.

The page I need help with: [log in to see the link]