=== Plugin Name ===

Contributors:      dracea
Plugin Name:       Suffusion Collapse Menu
Plugin URI:        http://drafie-design.nl
Tags:              WordPress, Suffusion, select box, select menu, navigation, responsive design, mobile devices
Author URI:        http://drafie-design.nl
Author:            Ciprian Dracea (Drake)
Donate link:       
Requires at least: 3.4
Tested up to:      4.0
Stable tag:        0.4
Version:           0.4
License: GPLv2 or later. (http://www.gnu.org/licenses/gpl-2.0.html)

== Description ==
**Stylize Suffusion Menu on mobiles**
This Plugin improve the look of menu loaded by Suffusion on mobile devices. The Plugin just load Responsive Nav files, replacing the regular select lists used by Suffusion on mobile devices.
The menu is settled to appear on devices with resolution below 480px, on higher resolutions are used the regular Suffusion Navigation Bars.
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 choosed this solution for solving also the problem of 2 select lists which are displayed on mobile devices in Navigation Bar Above Header if both navigation bars are used. Also the plugin restore the "home" image in menu on mobile devices (as of version 0.3).
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.

**Thanks to**
This Plugin is based on Responsive Nav - Copyright (c) 2013 Viljami Salminen, http://viljamis.com/

== Installation ==

1. **Download the plugin**, unzip and load the folder "suffusion-collapse-menu" in to the "/wp-content/plugins/" directory, or install the zip from WordPress dashboard.
2. **Activate the Plugin** from plugin menu in the WordPress dashboard
3. **CAN CHANGE STYLES**

This menu have the advantage that blend with your selected skin. However, you may want to change the color of icon, so you can do this by adding at SUFFUSION OPTIONS -> BACK-END -> CUSTOM INCLUDES -> CUSTOM STYLES (of course, using your color):

.nav-toggle:before {color: #f4421a;}

The menu is displayed now if the resolution of device is below 480px, you can change this resolution adding a media query with your resolution at Custom Styles:

@media screen and (min-width: 600px) {
a.nav-toggle, ul.tinynavNaN, ul.nav-collapse {display: none !important;}
}

== Screenshots ==
1. Suffusion Collapse Menu in action

== Changelog ==
**0.4** June 16, 2014
- Bug corrected - by adding "home-icon" in the previous version I ruined the script for sites where the icon wasn't used in Suffusion - this was addressed.
- Code improvement - all scripts are enqueued now in WP_ENQUEUE_SCRIPTS hook, following Codex recommendation;
- Changed licence to GPLv2 or later, for conforming with WordPress recommendation for getting the plugin hosted on WordPress Repository

**0.3** June 15, 2014
- Bug of Suffusion corrected - when the navigation bars become select lists the home icon is not displayed as option - instead is displayed only an empty option linked right to the homepage. The plugin restore the home icon in the "home" tab.

**0.2** June 14, 2014
- Bug corrected - the plugin does not work if you are using only Navigation Bar Above Header. Thanks to Nicolas (http://www.nicolas-quendez.com/) for pointing me to this issue.

**0.1** June 1, 2014 
* Initial release

== Upgrade Notice ==
= 0.4 = This version corrected a bug which block the collapsing menu on sites where weren't used "home-icon" in Suffusion.
= 0.3 = If the "home" icon is used this version will show it on mobile devices
= 0.2 = If only Navigation Bar Above Header is used, this version will show the menu.

== Frequently Asked Questions ==

No Questions yet