uses underscore for ids names

app/assets/stylesheets/print.css

@@ -12,7 +12,7 @@
 
 #print_link { display: none !important; }
 
-#responsive-menu { display: none !important; }
+#responsive_menu { display: none !important; }
 
 .admin-sidebar { display: none !important; }
 

app/views/layouts/_admin_header.html.erb

@@ -8,7 +8,7 @@
   <div class="expanded row">
     <div class="top-bar">
 
-      <span data-responsive-toggle="responsive-menu" data-hide-for="medium" class="float-right">
+      <span data-responsive-toggle="responsive_menu" data-hide-for="medium" class="float-right">
         <span class="menu-icon dark" data-toggle></span>
         <%= t("application.menu")%>
       </span>
@@ -22,7 +22,7 @@
             <% end %>
           </h1>
         </div>
-        <div id="responsive-menu">
+        <div id="responsive_menu">
 
         <div class="top-bar-right">
           <ul class="dropdown menu" data-dropdown-menu>

app/views/layouts/_header.html.erb

@@ -14,12 +14,12 @@
 
       <%= link_to setting['org_name'], root_path, class: "logo show-for-small-only" %>
 
-      <span data-responsive-toggle="responsive-menu" data-hide-for="medium" class="float-right">
+      <span data-responsive-toggle="responsive_menu" data-hide-for="medium" class="float-right">
         <span class="menu-icon dark" data-toggle></span>
         <%= t("application.menu")%>
       </span>
 
-      <div id="responsive-menu">
+      <div id="responsive_menu">
         <div class="top-bar-title">
           <%= link_to root_path, class: "hide-for-small-only", accesskey: "0" do %>
             <%= image_tag(image_path_for('logo_header.png'), class: 'hide-for-small-only float-left', size: '80x80', alt: t("layouts.header.logo")) %>