suite

app/assets/stylesheets/public.scss

@@ -684,9 +684,32 @@ fieldset{
   }
 }
 
+.bars{
+  display:none;
+  position:absolute;
+  top:13px;
+  right:15px;
+  color:white;
+  font-size:30px;
+  cursor:pointer;
+  
+}
 
 @media screen and (max-width: 820px) {
-
+  #sub_menu_top{
+    position:relative;
+    .normal{
+      display:none;
+    }
+    .active{
+      display:block !important;
+    }
+    .bars{
+      color:rgba(0,0,0,0.5);
+      font-size:20px;
+      z-index:2;
+    }
+  }
 .row-fluid{
 margin:0px !important;
 
@@ -718,6 +741,7 @@ width:auto !important;
 
 #menu_top_container ul{
   text-align:center;
+  padding:0;
   margin:0;
   li{
     display:block;
@@ -753,5 +777,13 @@ width:auto !important;
   text-align:center;
 }
 
+#menu ul {
+  display:none;
+}
+.bars{
+  display:block;
 }
 
+}
+
+

app/views/layouts/public.html.haml

@@ -144,6 +144,8 @@
           .main_container.widther
             
             #menu
+              .bars{:onclick => '$("#menu ul").toggle()'}
+                =ic :bars
               =link_to image_tag("/logo.png", :id => "logo"), "/"+@lang.slug+"/index.html"
               %ul
              
@@ -170,6 +172,9 @@
               -menu_title = @menu_item
             #sub_menu_top
             
+              .bars{:onclick => '$("#sub_menu_top .normal").toggle();'}
+                =ic :bars
+        
               
               -if @menu_item
                 -if @menu_item.parent_id
@@ -203,7 +208,7 @@
                         
                         -name = menu_item_lang.name
                         -if menu_item_lang.enabled == true and menu_item_lang.visible == true
-                          =link_to @jipe_host.to_s+menu_item_path(:url => menu_item_lang.url, :lang => @lang.slug), :class => ("active" if active) do
+                          =link_to @jipe_host.to_s+menu_item_path(:url => menu_item_lang.url, :lang => @lang.slug), :class => "normal "+("active" if active).to_s do
                
                             -if menu_item.icon_image_file
                               =image_tag menu_item.icon_b_image_file.file.url, :class => "blanc" if menu_item.icon_image_file