From 6d5e308eb87aa926394ba001efbdaf09204b2347 Mon Sep 17 00:00:00 2001 From: Jason Weaver Date: Mon, 19 Aug 2013 21:21:56 -0500 Subject: [PATCH] Changed to hide small screen menu by default. --- README.md | 5 ++++- css/flexnav.css | 5 ++--- index.html | 1 - sass/flexnav.scss | 5 +---- single-page-pattern.html | 1 - 5 files changed, 7 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index d472c33..c3c8005 100644 --- a/README.md +++ b/README.md @@ -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 @@ -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 diff --git a/css/flexnav.css b/css/flexnav.css index 2be83a0..401af2b 100644 --- a/css/flexnav.css +++ b/css/flexnav.css @@ -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 { diff --git a/index.html b/index.html index 296ee48..628c452 100644 --- a/index.html +++ b/index.html @@ -144,7 +144,6 @@

Features

  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • -
  • Fallback support for no js
  • diff --git a/sass/flexnav.scss b/sass/flexnav.scss index b0f1579..40c713b 100644 --- a/sass/flexnav.scss +++ b/sass/flexnav.scss @@ -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; diff --git a/single-page-pattern.html b/single-page-pattern.html index 6733f58..19613b1 100644 --- a/single-page-pattern.html +++ b/single-page-pattern.html @@ -95,7 +95,6 @@

    Features

  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • -
  • Fallback support for no js