I am having trouble to find a good way to present the user some kind of secondary navigation on smaller screens. On Large screens, it looks something like this:
(This one is taken from http://www.shopify.com/examples)
But on smaller screens, things get really tricky. I have experimented with stacking the buttons or with multiple columns, but that always seems to a) break the connection between selection and content (the user selects something and 8 buttons aka about 1,5 swipes down the screen something changes) and b) really gets messy and swamps the user I think - there is just a big block of links.
I also tried to use a accordion which resulted in a small disaster - there is just not enough screen to fully see any changes and animations so things got, again, really messy.
At the moment I am thinking of displaying a small cog icons, which then opens an overlay menu where the user can choose from. Regarding space this seems like a good solution, although I am not sure if its a good idea the introduce an second hidden menu in addition to the main menu (I am using a "Hambuger" pattern for the main menu).
Another idea would be to boldly display "You are currently viewing our Featured Items" and then transition to the menu when the user taps that, but again, I am not sure if this is ideal.
Are there any patterns you know that solve this problem? Do my ideas break with some known principles?