Add jQuery Responsive Menu Plugin which turns your site's navigation into a dropdown () when your browser is at mobile widths. Default switchWidth: 768

/**
* Add Javascript for responsive mobile menu
*/
drupal_add_js(drupal_get_path('theme', 'skeletontheme') .'/js/jquery.mobilemenu.js');
drupal_add_js('jQuery(document).ready(function($) {
$("#navigation .content > ul").mobileMenu({
prependTo: "#navigation",
combine: false,
switchWidth: 768,
topOptionText: "Select page"
});
});',
array('type' => 'inline', 'scope' => 'header'));
//EOF:Javascript

Comments

Documentation
Responsive Drupal Skeleton theme Multi-level CSS/Superfish menus - http://drupal.org/node/1919042

FYI, there is a module for that.

http://drupal.org/project/tinynav

Thanks sk33lz for this info.

George

Automatically closed -- issue fixed for 2 weeks with no activity.

Issue summary:View changes

Changed body text