jQuery ReSmenu Plugin Examples

Example A - No options

$('#menu1').ReSmenu();

Example B - Collapse at 720px wide

$('#menu2').ReSmenu({
    maxWidth: 720
});

Example C - Menu with label

$('#menu3').ReSmenu({
    textBefore: 'Choose:'
});

Example D - Menu with first option

The active li won't be highlighted

$('#menu4').ReSmenu({
    selectOption: 'Choose:'
});

Some css

ReSmenu runs out of the box but if you want to style your select to better fit the container you can take advantage of the short css style taken from twitter bootstrap:

.responsive_menu select {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: none;
}

Credits and contacts

ReSmenu has been made by me. You can contact me at [email protected] or twitter for any issue or feauture request.