// switch menu top // side

admin-dev/themes/default/css/admin-theme.sass

@@ -363,8 +363,9 @@ html, body
 				border-bottom: solid 1px darken($brand-primary,10%)
 
 #nav-topbar
+	position: fixed
 	height: 28px
-	top: 36px
+	top: 35px
 	left: 80
 	width: 100%
 	z-index: 600
@@ -420,7 +421,7 @@ html, body
 			display: block!important
 	> ul.menu > li
 		ul.submenu
-			display: none
+			display: none!important
 			position: absolute
 			margin: 0
 			padding: 0
@@ -455,7 +456,7 @@ html, body
 	#nav-sidebar
 		display: none
 	.page-head
-		top: 64px
+		top: 63px
 	#content
 		margin-left: 0
 		width: 100%
@@ -1262,6 +1263,11 @@ fieldset > .row
 		margin: 0 4px 0 6px
 		background-color: #ccc
 		+border-radius(6px)
+	.tree-item-disable, .tree-folder-name-disable
+		color: #ccc
+		&:hover
+			color: #ccc
+			background-color: none
 
 #carrier_wizard
 	position: relative

admin-dev/themes/default/js/admin-theme.js

@@ -25,42 +25,80 @@
 $( document ).ready(function() {
 
   //nav side bar
-  $('#nav-sidebar li.maintab.has_submenu').append('<span class="submenu_expand"></span>');
-  $('#nav-sidebar .submenu_expand').click(function(){
-    var $navId = $(this).parent();
-    $(".submenu-collapse").remove();
-    if($(".expanded").length ){
-      $(".expanded > ul").slideUp(
-        "fast",
-        function(){
-          var $target = $(".expanded");
-          $target.removeClass("expanded");
-          $($navId).not($target).not(".active").addClass("expanded");
-          $($navId).not($target).not(".active").children("ul:first").hide().slideDown();
-        }
-      );
-    }
-    else {
-      $($navId).not(".active").addClass("expanded");
-      $($navId).not(".active").children("ul:first").hide().slideDown();
-    }
-  });
-
-  //nav top bar
-  $(window).on("resize", function() {
-    $("#nav-topbar ul.menu").find("li.maintab").each(function(){
-      if ($(this).position().top > 0) {
-        $(this).addClass("hide");
+  function navSidebar(){
+    $('#nav-sidebar li.maintab.has_submenu').append('<span class="submenu_expand"></span>');
+    $('#nav-sidebar .submenu_expand').on('click',function(){
+      var $navId = $(this).parent();
+      $(".submenu-collapse").remove();
+      if($(".expanded").length ){
+        $(".expanded > ul").slideUp(
+          "fast",
+          function(){
+            var $target = $(".expanded");
+            $target.removeClass("expanded");
+            $($navId).not($target).not(".active").addClass("expanded");
+            $($navId).not($target).not(".active").children("ul:first").hide().slideDown();
+          }
+        );
+      }
+      else {
+        $($navId).not(".active").addClass("expanded");
+        $($navId).not(".active").children("ul:first").hide().slideDown();
       }
     });
-  });
-  
-  $("#nav-topbar li.maintab.has_submenu").hover(function(){
-    $(this).find("ul.submenu").fadeIn("fast").addClass("expanded");
-  }, function(){
-    //$(this).removeClass("expanded");
-    $(this).find("ul.submenu").fadeOut("fast").removeClass("expanded");
-  });
+  }
+  //nav top bar
+  function navTopbar(){
+    $("#nav-topbar").on("mouseenter", "li.maintab.has_submenu",
+      function(){
+        $(this).find("ul.submenu").fadeIn("fast").addClass("expanded");
+    });
+    $("#nav-topbar").on("mouseleave", "li.maintab.has_submenu",
+      function(){
+        $(this).find("ul.submenu").fadeOut("fast").removeClass("expanded");
+    });
+    $("#nav-topbar").find("li.maintab").each(
+      function(){
+        if ($(this).position().top > 0) {
+          $(this).addClass("hide");
+        }
+      });
+    //hide element over menu width
+    $(window).on("resize", function() {
+      $("#nav-topbar ul.menu").find("li.maintab").each(function(){
+        if ($(this).position().top > 0) {
+          $(this).addClass("hide");
+        }
+      });
+    });
+  }
+
+  //nav switch
+  function navSwitch(){
+
+    if ($("body").hasClass("page-sidebar")||$("body").hasClass("page-sidebar-closed")) {
+      $("body").removeClass("page-sidebar").removeClass("page-sidebar-closed").addClass("page-topbar");
+      $("#nav-sidebar").attr("id","nav-topbar");
+      $("#nav-topbar").off();
+      navTopbar();
+    } else {
+      $("body.page-topbar").removeClass("page-topbar").addClass("page-sidebar");
+      $("#nav-topbar").attr("id","nav-sidebar");
+      $("#nav-sidebar").off();
+      navSidebar();
+    }
+  }
+
+  navTopbar();
+
+  $("#header_shopname").on( "click",
+    function(e){
+      e.preventDefault();
+      navSwitch();
+    }
+  );
+
+
 
   //tooltip
   $('.label-tooltip').tooltip();

admin-dev/themes/default/template/header.tpl

@@ -289,8 +289,7 @@
 
 	<div id="main">
 		{include file='nav-top.tpl'}
-		{include file='nav-side.tpl'}
-
+		
 		<div id="content" class="page-content">
 {if $display_header && $install_dir_exists}
 			<div class="alert alert-warning">

admin-dev/themes/default/template/nav-top.tpl

@@ -1,4 +1,4 @@
-<nav id="nav-topbar" data-spy="affix" data-offset-top="34px" role="navigation">
+<nav id="nav-topbar" data-spy="affix" data-offset-top="0" role="navigation">
 {if !$tab}
 	<div class="mainsubtablist" style="display:none"></div>
 {/if}