title: CSS menu bar style sheet menu does not render
body: <p>I have a project that needs a CSS menu bar with panel of overview panels on the right side of HTML page. My issue is the that the CSS menu bar style sheet menu does not render. Attempting to get this CSS menu bar working, then extend code functionality for content links, login, dashboard, etc.</p>
  
  <p>Code:  tag</p>
  
  <pre><code>&lt;header class='header'&gt;
      &lt;div class='header_top-bar'&gt;
          &lt;div class='top-bar_title'&gt;
              &lt;a href='index'&gt;&lt;h1&gt;&lt;img src='images/logo.png' data-image='images/logo.png' alt='Athena'&gt;&lt;/h1&gt;&lt;/a&gt;
              &lt;div class='ajax-loader' id='ajax-loader'&gt;
                  &lt;div class='ajax-loader_animator'&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class='top-bar_toggle' id='menu_toggle'&gt;
              &lt;span&gt;&lt;/span&gt;
              &lt;span&gt;&lt;/span&gt;
              &lt;span&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;!-- &lt;div class='top-bar_share' id='share_toggle'&gt;
              &lt;span class='underline--white'&gt;
                  SHARE
              &lt;/span&gt;
          &lt;/div&gt; --&gt;
          &lt;div class='top-bar_menu' id='overlay_menu'&gt;
              &lt;ul class='menu_container'&gt;
                  &lt;li class='menu_item'&gt;
                      &lt;span&gt;.01.&lt;/span&gt;
                      &lt;a class='link-ajax' href='/'&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class='menu_item'&gt;
                      &lt;span&gt;.02.&lt;/span&gt;
                      &lt;a class='link-ajax' href='/project'&gt;Athena Customers&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class='menu_item'&gt;
                      &lt;span&gt;.03.&lt;/span&gt;
                      &lt;a class='link-ajax' href='/wines'&gt;Athena Services&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class='menu_item'&gt;
                      &lt;span&gt;.04.&lt;/span&gt;
                      &lt;a class='link-ajax' href='/sustainability'&gt;Athena Sustainability&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class='menu_item'&gt;
                      &lt;span&gt;.05.&lt;/span&gt;
                      &lt;a class='link-ajax' href='/hospitality'&gt;Athena Dashboards&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;div class='language-chooser menu_item'&gt;
                  &lt;div class='masi-agricola_wrapper hide-on-mobile'&gt;
                      &lt;a href='http://www.masi.it' target='_blank' class='masi-agricola_link'&gt;
                          &lt;img src='images/agricola.png' data-image='images/agricola.png'/&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;p class='text--subtitle'&gt;select your language&lt;/p&gt;
                  &lt;span class='language-link'&gt;&lt;a class='' href='/en/'&gt;Eng&lt;/a&gt;&lt;/span&gt;
                  &lt;span class='line-break'&gt;&lt;/span&gt;
                  &lt;span class='language-link'&gt;&lt;a class='' href='/es/'&gt;Esp&lt;/a&gt;&lt;/span&gt;
                  &lt;span class='line-break'&gt;&lt;/span&gt;
                  &lt;span class='language-link'&gt;&lt;a class='' href='/it/'&gt;Ita&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>Code: content section</p>
  
  <pre><code>&lt;div id="new-plh" class="plh"&gt;&lt;/div&gt;
  &lt;div id="actual-plh" class="plh"&gt;  
      &lt;section class="main-content clearfix homepage"&gt;
          &lt;div class="main-content_background"&gt;
              &lt;div class="half_screen full-height-desk" id="biggest_block"&gt;
                  &lt;a href="project" class=""&gt;
                      &lt;div class="text-block"&gt;
                          &lt;div class="full-image_header page-header"&gt;
                              &lt;h1 class="page-header_title text--title"&gt;
                                  Athena Intelligence Earth's Essential Data
                              &lt;/h1&gt;
                              &lt;strong class="page-header_subtitle text--subtitle"&gt;
                                  Athena Intelligence Login
                              &lt;/strong&gt;
                          &lt;/div&gt;
                          &lt;img data-image="images/project-header.jpg" src="images/project-header.jpg" alt=""&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="half_screen full-height-desk"&gt;
                  &lt;a href="wines"&gt;
                      &lt;div class="text-block three_row"&gt;
                              &lt;div class="full-image_header page-header"&gt;
                                  &lt;h1 class="page-header_title text--title"&gt;
                                      Athena: Many industries: all use Land, Food, Energy, Water
                                  &lt;/h1&gt;
                                  &lt;strong class="page-header_subtitle text--subtitle"&gt;
                                      The Gods: Land, Food, Energy, Water
                                  &lt;/strong&gt;
                              &lt;/div&gt;
                          &lt;div class="image-container"&gt;
                              &lt;img class="three_images" data-image="images/wines-header.jpg" src="images/wines-header.jpg" alt=""&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
                  &lt;a href="sustainability" class=""&gt;
                      &lt;div class="text-block three_row"&gt;
                              &lt;div class="full-image_header page-header"&gt;
                                  &lt;h1 class="page-header_title text--title"&gt;
                                      Land, Food, Energy, Water: Sustainability
                                  &lt;/h1&gt;
                                  &lt;strong class="page-header_subtitle text--subtitle"&gt;
                                      Athena : Dedication To Land, Food, Energy, Water
                                  &lt;/strong&gt;
                              &lt;/div&gt;
                          &lt;div class="image-container"&gt;
                              &lt;img class="three_images" data-image="images/sustainability-header.jpg" src="images/sustainability-header.jpg" alt=""&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
                  &lt;a href="hospitality"&gt;
                      &lt;div class="text-block three_row"&gt;
                              &lt;div class="full-image_header page-header"&gt;
                                  &lt;h1 class="page-header_title text--title"&gt;
                                      Land, Food, Energy, Water: Hospitality
                                  &lt;/h1&gt;
                                  &lt;strong class="page-header_subtitle text--subtitle"&gt;
                                      Land, Food, Energy, Water: That Welcomes You
                                  &lt;/strong&gt;
                              &lt;/div&gt;
                          &lt;div class="image-container"&gt;
                              &lt;img class="three_images" data-image="images/hospitality-header.jpg" src="images/hospitality-header.jpg" alt=""&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>Code: title bar wrapper tag</p>
  
  <pre><code>    &lt;div class='out-loader_wrapper'&gt;
          &lt;div class='out-loader'&gt;
              &lt;div class='filler' id='filler'&gt;
                  &lt;img class='logo-loader' src='images/logo.png' data-image='images/logo.png'/&gt;
              &lt;div class='filler-bar'&gt;&lt;/div&gt;
              &lt;p class='text--title' id='loader_text'&gt;0&lt;/p&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>