fixing sm screen top level item width js

mrjasonweaver · Nov 5, 2013 · 5f81166 · 5f81166
1 parent 3ec7418
commit 5f81166
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/coffeescripts/jquery.flexnav.coffee b/coffeescripts/jquery.flexnav.coffee
@@ -34,7 +34,6 @@ $.fn.flexNav = (options) ->
   count = $top_nav_items.length
   nav_width = 100 / count
   nav_percent = nav_width+"%"
-  $top_nav_items.css('width',nav_percent)
 
   # Get the breakpoint set with data-breakpoint
   if $nav.data('breakpoint') then breakpoint = $nav.data('breakpoint')
@@ -83,12 +82,14 @@ $.fn.flexNav = (options) ->
   resizer = ->
     if $(window).width() <= breakpoint
       $nav.removeClass("lg-screen").addClass("sm-screen")
+      $top_nav_items.css('width','100%')
       # Toggle nav menu closed for one pager after anchor clicked
       $('.one-page li a').on( 'click', ->
         $nav.removeClass('show')
       )
     else if $(window).width() > breakpoint
       $nav.removeClass("sm-screen").addClass("lg-screen")
+      $top_nav_items.css('width',nav_percent)
       # Make sure navigation is closed when going back to large screens
       $nav.removeClass('show')
       if settings.hoverIntent is true

diff --git a/js/jquery.flexnav.js b/js/jquery.flexnav.js
@@ -36,7 +36,6 @@
     count = $top_nav_items.length;
     nav_width = 100 / count;
     nav_percent = nav_width + "%";
-    $top_nav_items.css('width', nav_percent);
     if ($nav.data('breakpoint')) {
       breakpoint = $nav.data('breakpoint');
     }
@@ -71,11 +70,13 @@
     resizer = function() {
       if ($(window).width() <= breakpoint) {
         $nav.removeClass("lg-screen").addClass("sm-screen");
+        $top_nav_items.css('width', '100%');
         return $('.one-page li a').on('click', function() {
           return $nav.removeClass('show');
         });
       } else if ($(window).width() > breakpoint) {
         $nav.removeClass("sm-screen").addClass("lg-screen");
+        $top_nav_items.css('width', nav_percent);
         $nav.removeClass('show');
         if (settings.hoverIntent === true) {
           return $('.item-with-ul').hoverIntent({

diff --git a/js/jquery.flexnav.min.js b/js/jquery.flexnav.min.js