suite

app/assets/stylesheets/public.scss

@@ -8,6 +8,12 @@
 //@import "fontawesome/font-awesome";
 
 
+@media (min-width: 992px){
+.mobile_only{
+  display:none;
+}
+
+}
 
 body{
 img{
@@ -88,8 +94,8 @@ font-size:1.2em;
   
   
   #large{
-	width:1020px;
+	width:100%;
-  max-width:1200px;
+  max-width:1020px;
 	margin:auto;
   padding:20px;
   padding-top:10px;

app/views/public/menu_items/show.html.haml

@@ -1,3 +1,7 @@
+-if (@menu_item and @menu_item.sidebar) or !@menu_item
+
+
+
   -content_for :sidebar do
 
     -if @menu_item.parent_id
@@ -23,6 +27,54 @@
                     %li=menu_item_link(menu_item)
   
   
+  .mobile_only
+    -if @menu_item.parent_id
+      -if @menu_item.ancestors.reverse[0]
+        -first_level_menu = @menu_item.ancestors.reverse[0]
+
+    -else
+  
+      -first_level_menu = @menu_item
+  
+    -#if first_level_menu.children.size > 0
+    -if first_level_menu.children.count > 0
+      .square.green
+        %h3=menu_item_link(first_level_menu)
+        %ul
+          -first_level_menu.children.where(:enabled => true, :visible => true).order(:position).each do |menu_item|
+  
+            %li
+              =menu_item_link(menu_item)
+              -if menu_item.children.where(:enabled => true, :visible => true).size > 0
+                %ul
+                  -menu_item.children.where(:enabled => true, :visible => true).order(:position).each do |menu_item|
+                    %li=menu_item_link(menu_item)
+                    
+-else
+
+  -if @menu_item.parent_id
+    -if @menu_item.ancestors.reverse[0]
+      -first_level_menu = @menu_item.ancestors.reverse[0]
+
+  -else
+  
+    -first_level_menu = @menu_item
+  
+  -#if first_level_menu.children.size > 0
+  -if first_level_menu.children.count > 0
+    .square.green
+      %h3=menu_item_link(first_level_menu)
+      %ul
+        -first_level_menu.children.where(:enabled => true, :visible => true).order(:position).each do |menu_item|
+  
+          %li
+            =menu_item_link(menu_item)
+            -if menu_item.children.where(:enabled => true, :visible => true).size > 0
+              %ul
+                -menu_item.children.where(:enabled => true, :visible => true).order(:position).each do |menu_item|
+                  %li=menu_item_link(menu_item)
+          
+