diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss index d9f992e..42098d1 100644 --- a/app/assets/stylesheets/public.scss +++ b/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; } +} + + diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml index 91d3f0e..4c22048 100644 --- a/app/views/layouts/public.html.haml +++ b/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 @@ -169,6 +171,9 @@ -else -menu_title = @menu_item #sub_menu_top + + .bars{:onclick => '$("#sub_menu_top .normal").toggle();'} + =ic :bars -if @menu_item @@ -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