title: Separate and re-position an element?
body: <p>I added the text "MENY" next to toggle (nav-trigger). However I don't like the positioning of >MENY&lt;, formatting/style is alright but the text needs to be more in the middle in relation to the toggle icon. They're stuck together as it is now. How do I separate them so I can adjust (raise(lower)) the text "MENY"? I keep messing it up so any guidance is much appreciated!!</p>
  
  <p>How it is now (image): <img src="https://i.stack.imgur.com/pzoBG.png" alt="http://i43.tinypic.com/27zygzq.png"></p>
  
  <p>How I'd like it (image): <img src="https://i.stack.imgur.com/2SoL8.png" alt="http://i43.tinypic.com/288qn9g.png"></p>
  
  <p><strong>My header php</strong></p>
  
  <pre><code>&lt;html &lt;?php language_attributes(); ?&gt; &lt;?php thb_html_class(); ?&gt;&gt;
  &lt;head&gt;
      &lt;?php thb_head_meta(); ?&gt;
  
      &lt;title&gt;&lt;?php thb_title(); ?&gt;&lt;/title&gt;
  
      &lt;?php wp_head(); ?&gt;
  &lt;/head&gt;
  &lt;body &lt;?php body_class(); ?&gt;&gt;
  
      &lt;?php thb_body_start(); ?&gt;
  
      &lt;div id="page"&gt;
  
          &lt;?php thb_header_before(); ?&gt;
  
          &lt;header id="header"&gt;
              &lt;?php thb_header_start(); ?&gt;
  
              &lt;div class="header-container"&gt;
  
                  &lt;div class="wrapper"&gt;
                      &lt;?php
                          $logo = thb_get_option('main_logo');
                          $logo_2x = thb_get_option('main_logo_retina');
  
                          if( !empty($logo['id']) &amp;&amp; !empty($logo_2x['id']) ) : ?&gt;
                          &lt;?php $logo_metadata = wp_get_attachment_metadata($logo['id']); ?&gt;
                          &lt;style&gt;
                              @media all and (-webkit-min-device-pixel-ratio: 1.5) {
                                  #logo {
                                      background-image: url('&lt;?php echo thb_image_get_size($logo_2x['id'], 'full'); ?&gt;');
                                      background-size: &lt;?php echo $logo_metadata['width']; ?&gt;px, &lt;?php echo $logo_metadata['height']; ?&gt;px;
                                  }
  
                                  #logo img { visibility: hidden; }
                              }
                          &lt;/style&gt;
  
                          &lt;?php endif;
                      ?&gt;
                      &lt;h1 id="logo"&gt;
                          &lt;a href="&lt;?php echo home_url(); ?&gt;" title="&lt;?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?&gt;"&gt;
                              &lt;?php if( isset($logo['id']) &amp;&amp; $logo['id'] != '' ) : ?&gt;
                                  &lt;img src="&lt;?php echo thb_image_get_size($logo['id'], 'full'); ?&gt;" alt=""&gt;
                              &lt;?php else : ?&gt;
                                  &lt;?php bloginfo( 'name' ); ?&gt;
                              &lt;?php endif; ?&gt;
                          &lt;/a&gt;
                      &lt;/h1&gt;
  
                      &lt;?php thb_nav_before(); ?&gt;
  
                      &lt;a href="#" id="nav-trigger"&gt;
  &lt;span style="font-family: Source Sans Pro; font-size: 16px; line-height: 1; margin-left: 5px; font-weight: 700;"&gt;MENY&lt;/span&gt; m
  </code></pre>
  
  <p></p>
  
  <pre><code>                    &lt;div class="nav-wrapper"&gt;
                          &lt;nav id="main-nav" class="main-navigation primary"&gt;
                              &lt;?php thb_nav_start(); ?&gt;
  
                              &lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'primary' ) ); ?&gt;
  
                              &lt;?php thb_nav_end(); ?&gt;
                          &lt;/nav&gt;
  
                          &lt;nav id="mobile-nav" class="main-navigation primary"&gt;
                              &lt;?php thb_nav_start(); ?&gt;
  
                              &lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'primary' ) ); ?&gt;
  
                              &lt;?php thb_nav_end(); ?&gt;
                          &lt;/nav&gt;
                      &lt;/div&gt;
                      &lt;?php thb_nav_after(); ?&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="wrapper"&gt;
  </code></pre>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;a href="#" id="nav-trigger" class="thb-loaded" style="margin-top: 30.5px;"&gt; 
    &lt;span style="font-family: Source Sans Pro; font-size: 16px; line-height: 1; margin-left: 5px; font-weight: 700;"&gt;MENY&lt;/span&gt; m 
  &lt;/a&gt;
  </code></pre>