Adds menu word on mobile version

app/assets/stylesheets/participacion.scss

@@ -524,6 +524,10 @@ header {
 
     &.menu-icon a {
       padding: 0 rem-calc(24);
+
+      span::after {
+        right: 0;
+      }
     }
   }
 

app/views/layouts/_header.html.erb

@@ -13,7 +13,7 @@
   <div class="contain-to-grid clear">
     <nav class="top-bar" data-topbar role="navigation">
       <ul class="title-area">
-        <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
+        <li class="toggle-topbar menu-icon"><a href="#"><span><%= t("application.menu")%></span></a></li>
         <li class="name">
           <%= link_to root_path do %>
             <%= image_tag('header_logo_madrid.png', class: 'show-for-medium-up left', size: '96x96') %>

config/locales/en.yml

@@ -71,6 +71,7 @@ en:
     alert:
       only_beta_testers: "Sorry only Beta Testers are allowed access at the moment"
     close: "Close"
+    menu: "Menu"
   debates:
     index:
       start_debate: Start a debate

config/locales/es.yml

@@ -71,6 +71,7 @@ es:
     alert:
       only_beta_testers: "Lo sentimos sólo los usuarios de pruebas tienen acceso de momento"
     close: "Cerrar"
+    menu: "Menú"
   debates:
     index:
       start_debate: Empieza un debate