Another solution for styling the select lists usually triggered by Suffusion on mobile devices. The plugin replace those select lists with alike collapsible menu as you can see now on this site. If you use both navigation bars (Above and Below Header), they are joined in only one collapse menu, that’s it – you cannot have multiple menus with this plugin. (on larger screens, both menus are restored).

I chose this solution for solving also the problem of 2 select lists which are displayed on mobile devices in Navigation Bar Above Header. However, if you have too much menu items, in complicated structures, with many levels of dropdowns, maybe better is to remain on select lists and style them with my other plugin: Suffusion Selectik Menu.

As usual, I tried to find a non-intrusive solution, which not change anything in usual behavior of navigation bars, so you will set these as usual at Suffusion Options -> Skinning and Suffusion Options -> Other Graphical Elements. My plugin goes in action only if you choose to show Select Lists on mobile devices at Suffusion Options -> Layouts -> Responsive Layouts.

This because the plugin wait and look for select list of class “.tinynav”. When this class appear, the plugin replace the select options with simple