title: Navigation buttons stay / shift
body: <p>I'm trying to get the last two navigation buttons ("Education" and "Contact") to move the social media icons to the left, and then stay there. </p>
  
  <p><a href="http://comms101.co.za/populus/index.php#" rel="nofollow">http://comms101.co.za/populus/index.php#</a></p>
  
  <p>For some reason immediately when clicked, it momentarily displays correctly BUT then the social media icons revert back. If you click the button again, then it displays correctly (how it should display). </p>
  
  <p>The navigation is a php include. Here is the code:</p>
  
  <pre><code>        &lt;div class="row"&gt;
                  &lt;div class="col-lg-5 col-md-5"&gt;
                      &lt;div class="logo"&gt;&lt;a href="#"&gt;&lt;img src="imgs/logo.png" alt="logo"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-7 col-md-7 mn"&gt;
                      &lt;div class="follow current1" style=""&gt; &lt;a href="#"&gt;&lt;img src="imgs/f.png" alt=""&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="imgs/int.png" alt=""&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="imgs/in.png" alt=""&gt;&lt;/a&gt; &lt;/div&gt;
                      &lt;div id="menu-icon"&gt;
                      &lt;div class="menu-icn"&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="menu" id="menu"&gt;
                      &lt;ul id="links"&gt;
                          &lt;li class="link"&gt;&lt;a href="index.php"&gt;HOME&lt;/a&gt;&lt;/li&gt;
                       &lt;li class="link"&gt;&lt;a href="about.php"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
                       &lt;li class="link"&gt;&lt;a href="resources.php"&gt;RESOURCES&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="link"&gt;&lt;a href="training.php"&gt;TRAINING&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="link"&gt;&lt;a href="coaching.php"&gt;COACHING&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="folow current1 current"&gt;&lt;a href="education.php"&gt;EDUCATION&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="folow1 current2 link"&gt;&lt;a href="contact.php"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>