Mobile Dual Menu Buttons

[dw08gm]

Many websites designed for desktops sport top/header and bottom/footer menus, but which may not work as intended on mobile devices.

One solution to this problem has been generously provided by Picaflor Azul in her Responsive range of templates (tpl_modules_mobile_categories_tabs.php), but which can lead to rather long menus if both top/header and bottom/footer desktop menus are incorporated into same.

Then I discovered this blog, which shows how to construct a "fly-out menu from the iOS apps developed by Facebook", that basically displays two menu buttons, respectively placed near the top left and top right of a page, and each button opening its own a distinct menus (ie top left button for top/header menu and top right button for bottom/footer menu). However, for me, the implementation of this menu system is too bothersome to incorporate into zencart.

http://parall.ax/blog/view/2917/tuto...ile-navigation

A more desireable outcome would be if the Picaflor Azul solution could be modified to include two toggle menu buttons, arranged similar to the parallax blog, but keeping to the tpl_modules_mobile_categories_tabs.php toggle dropdown (rather than flyout) arrangement.

Maybe such a menu arrangement already exists in zencart plugins, but I have yet to find it.

Anyone interested? Thanks

[picaflor-azul]

Many websites designed for desktops sport top/header and bottom/footer menus, but which may not work as intended on mobile devices.

One solution to this problem has been generously provided by Picaflor Azul in her Responsive range of templates (tpl_modules_mobile_categories_tabs.php), but which can lead to rather long menus if both top/header and bottom/footer desktop menus are incorporated into same.

Then I discovered this blog, which shows how to construct a "fly-out menu from the iOS apps developed by Facebook", that basically displays two menu buttons, respectively placed near the top left and top right of a page, and each button opening its own a distinct menus (ie top left button for top/header menu and top right button for bottom/footer menu). However, for me, the implementation of this menu system is too bothersome to incorporate into zencart.

http://parall.ax/blog/view/2917/tuto...ile-navigation

A more desireable outcome would be if the Picaflor Azul solution could be modified to include two toggle menu buttons, arranged similar to the parallax blog, but keeping to the tpl_modules_mobile_categories_tabs.php toggle dropdown (rather than flyout) arrangement.

Maybe such a menu arrangement already exists in zencart plugins, but I have yet to find it.

Anyone interested? Thanks

I offer the free template packages as a starting point. They will not be perfect for every project. If you have different menu needs on a mobile device then you can incorporate any solution that you see fit. I am not spending much time developing more intricate menus for the responsive template packages at this time due to lack of interest in the projects. A ton of people are using the templates on their zen carts and downloading the packages, but donations have been extremely sparse.

Thanks,

Anne

[dw08gm]

Thanks for your reply. Please see PM.