What could be the best way to extend commons theme with mobile first approach?

Can you elaborate on what you're looking to accomplish or what need you're trying to address?

The Commons Origins theme is optimized for a range of device screen sizes out of the box, so I'm trying to understand what you want to accomplish beyond that.

I'm not the original poster and not sure if I should hijack this issue or add a new one, but..

I've found the Commons Origins theme works great on mobile as long as you leave the site name (Commons) and the three tabs as is. I have changed the site name to 'DurangoSchools Commons' and it breaks the mobile theme (the tabs push off to the right). And adding a couple/few more tabs breaks it pretty badly. I'm not, yet, familiar with with theming in Drupal 7 but I'm guessing I can make the tabs appear underneath the site name without breaking the functionality.

Is there an easy way to fix this or is it a matter of getting into the template files and/or CSS? It seems that most people won't leave Commons with that title and only those 3 tabs (plus search). I was thinking of using a secondary links menu but it looks like that works a little differently in D7. Ignorance is NOT bliss! :)

Thanks for any suggestions.

Hmmn. I just noticed in the screenshot on the Project page that the Commons sitename is gone entirely on the mobile version. That does not appear to happen on my instance. I changed mine to just 'Commons' but the sitename still sticks around on my iPhone. I guess getting that out of there would fix my first issue mentioned above. I'm sure the extra tabs would still break things though. I probably should have done a new issue. Sorry about that.

Also changed this to active status.