Permalink
Browse files

2.0.6

Added removeElements option in case there are other elements in the
meanmenu div that need to be shown/hidden. Updates for CSS.
  • Loading branch information...
1 parent dcef398 commit 68eedc23ca236264d1d02c4b2cc1f9477aba96c8 Chris Wharton committed Oct 14, 2013
Showing with 30 additions and 17 deletions.
  1. +6 −1 README.md
  2. +1 −1 demo.html
  3. +6 −2 jquery.meanmenu.js
  4. +2 −2 jquery.meanmenu.min.js
  5. +13 −9 meanmenu.css
  6. +2 −2 meanmenu.min.css
View
@@ -1,4 +1,4 @@
-MeanMenu v2.0.5
+MeanMenu v2.0.6
===========
A menu system for converting a standard menu into a mobile/tablet responsive menu, media query independent.
@@ -96,4 +96,9 @@ meanRemoveAttrs: false
onePage: false
- set to true for one page sites, the navigation will close back up on itself on click
+
+removeElements: ""
+
+- enter comma separated values in here of elements you want hidden from the container of meanmenu e.g. if you had a search box called .search, enter ".search" in here
+
View
@@ -90,7 +90,7 @@
<ul>
<li><a href="#">Fourth Level Link</a></li>
<li><a href="#">Fourth Level Link</a></li>
- <li><a href="#">Fourth Level Link</a>
+ <li><a href="#">Fourth Level Link with extra long name so it wraps</a>
<ul>
<li><a href="#">Fifth Level Link</a></li>
<li><a href="#">Fifth Level Link</a></li>
View
@@ -1,5 +1,5 @@
/*!
- * jQuery meanMenu v2.0.5
+ * jQuery meanMenu v2.0.6
* @Copyright (C) 2012-2013 Chris Wharton (https://github.com/weare2ndfloor/meanMenu)
*
*/
@@ -44,7 +44,8 @@
meanExpand: "+", // single character you want to represent the expand for ULs
meanContract: "-", // single character you want to represent the contract for ULs
meanRemoveAttrs: false, // true to remove classes and IDs, false to keep them
- onePage: false // set to true for one page sites
+ onePage: false, // set to true for one page sites
+ removeElements: "" // set to hide page elements
};
var options = $.extend(defaults, options);
@@ -71,6 +72,7 @@
var meanContract = options.meanContract;
var meanRemoveAttrs = options.meanRemoveAttrs;
var onePage = options.onePage;
+ var removeElements = options.removeElements;
//detect known mobile/tablet usage
if ( (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/Blackberry/i)) || (navigator.userAgent.match(/Windows Phone/i)) ) {
@@ -130,6 +132,7 @@
jQuery(meanMenu).show();
menuOn = false;
meanMenuExist = false;
+ jQuery(removeElements).show();
}
//navigation reveal
@@ -212,6 +215,7 @@
}
$navreveal.toggleClass("meanclose");
meanInner();
+ jQuery(removeElements).hide();
});
// for one page websites, reset all variables...
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -1,7 +1,7 @@
/*! #######################################################################
- MeanMenu
+ MeanMenu 2.0.6
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
@@ -54,7 +54,7 @@ a.meanmenu-reveal {
float: left;
width: 100%;
background: #0c1923;
- margin-top: 33px;
+ margin-top: 44px;
}
.mean-container .mean-nav ul {
@@ -78,17 +78,17 @@ a.meanmenu-reveal {
margin: 0;
text-align: left;
color: #fff;
- border-bottom: 1px solid #383838;
- border-bottom: 1px solid rgba(255,255,255,0.5);
+ border-top: 1px solid #383838;
+ border-top: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
- border-bottom: 1px solid #f1f1f1;
- border-bottom: 1px solid rgba(255,255,255,0.25);
+ border-top: 1px solid #f1f1f1;
+ border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
@@ -121,20 +121,24 @@ a.meanmenu-reveal {
}
.mean-container .mean-nav ul li a.mean-expand {
+ margin-top: 1px;
width: 26px;
- height: 26px;
- border: none !important;
+ height: 32px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
+ background: rgba(255,255,255,0.1);
+ border: none !important;
+ border-left: 1px solid rgba(255,255,255,0.4) !important;
+ border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
- background: none;
+ background: rgba(0,0,0,0.9);
}
.mean-container .mean-push {
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit 68eedc2

Please sign in to comment.