Skip to content

Commit

Permalink
Changed to hide small screen menu by default.
Browse files Browse the repository at this point in the history
  • Loading branch information
mrjasonweaver committed Aug 20, 2013
1 parent cf12145 commit 6d5e308
Show file tree
Hide file tree
Showing 5 changed files with 7 additions and 10 deletions.
5 changes: 4 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,6 @@ A mobile-first example of using media queries and jQuery to make a decent site m
* Tap targets to reveal sub menus for touch screens
* Hover reveal for desktop
* Keyboard tab input accessibility
* Fallback for no JavaScript
* Fast clicks for touch screens (no 300ms delay)
* Use class `.one-page` on the `body`, `.menu-button`, and `ul.flexnav` for single page fixed menu
* Use with hoverIntent jQuery plugin
Expand Down Expand Up @@ -80,10 +79,14 @@ Initialize
### Todo

* Make several demo themes
* Figure out a better fallback for users without js

* * *
### Changelog

#### v.1.1.1 : August 19th, 2013
* Changed css to not show menu by default. This will hide the menu if users don't have js. Need to work on better fix but for now devs are wanting this.

#### v.1.1 : August 11th, 2013
* Adds timeout flags to aid in stopping double touch/click events for some Android browsers

Expand Down
5 changes: 2 additions & 3 deletions css/flexnav.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,8 @@
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin: 0 auto;
width: 100%; }
.flexnav.with-js {
max-height: 0; }
width: 100%;
max-height: 0; }
.flexnav.opacity {
opacity: 0; }
.flexnav.show {
Expand Down
1 change: 0 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,6 @@ <h2>Features</h2>
<li>Tap targets to reveal sub menus for touch screens</li>
<li>Hover reveal for desktop</li>
<li>Keyboard tab input accessibility</li>
<li>Fallback support for no js</li>
</ul>
</div>
<div class="block">
Expand Down
5 changes: 1 addition & 4 deletions sass/flexnav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,7 @@ $fourth_level: #cbcbc9;
overflow: hidden;
margin: 0 auto;
width: 100%;

&.with-js {
max-height: 0;
}
max-height: 0;

&.opacity {
opacity: 0;
Expand Down
1 change: 0 additions & 1 deletion single-page-pattern.html
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,6 @@ <h2>Features</h2>
<li>Tap targets to reveal sub menus for touch screens</li>
<li>Hover reveal for desktop</li>
<li>Keyboard tab input accessibility</li>
<li>Fallback support for no js</li>
</ul>
</div>
<div class="block">
Expand Down

0 comments on commit 6d5e308

Please sign in to comment.