Need help with Responsive-Menu?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

mattkersley
423 Stars 109 Forks The Unlicense 18 Commits 14 Opened issues

Description

Turns any <ol> or <ul> into a <select> for mobiles and low browser sizes

Services available

!
?

Need anything else?

Contributors list

# 82,743
CSS
Shell
PHP
5 commits
# 22,351
TypeScr...
.NET
saas
c-sharp
1 commit
# 3,555
React
JavaScr...
HTML
inputma...
1 commit

jQuery Responsive Menu Plugin

A Plugin which turns your site's navigation into a dropdown (<

select>
) when your browser is at mobile widths.

Options

The options available for the plugin are listed below. Their default value appears next to their names, and available values below the description.

combine [true]

Convert multiple navigation lists into a single dropdown for mobiles [true/false]

groupPageText ['Main']

Any

  • elements with
    
    
      /
      present get converted to an
      .
      As 
       isn't selectable, a "dummy" 
       is added at the top of the group with the 
      
      
    1. 's value. This option sets the text for the "dummy"
      
      ['string']
      
      

      nested [true]

      This turns the

      s on and off
      [true/false]
      
      

      prependTo ['body']

      Sets the container element for the menu to be put into. ['CSS-selector']

      switchWidth [480]

      Sets the width (in pixels) at which the site's menu(s) will change to a

      
      
      

      topOptionText ['Select a page']

      Sets the very first

      's display text.
      Setting this to NULL will prevent it from displaying
      ['string'/null]
      
      

      Usage

      The plugin can be used like any other jQuery plugin:

      $('css-selector').mobileMenu({option:value, option:value});

      Licence

      There isn't one, because I'm nice. Feel free to say "thanks" or attribute the script to this page if you find it useful.

  • We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.