title: How to staying responsive mobile menu active?
body: <p>I am trying to use this menu on my web, but here have a problem, that is how to keeping the menu active?</p>
  
  <p>I hope when the user browse the Home page, the menu bar will like this:
  <a href="https://i.stack.imgur.com/z2fbX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z2fbX.png" alt="enter image description here"></a></p>
  
  <p>I found some example, like add the class ".active",
  and put it in <code>&lt;li&gt;</code>, like:</p>
  
  <pre><code>&lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>But, it not working.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="rmm" data-menu-style='graphite'&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href='#home'&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#about-me'&gt;About me&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#gallery'&gt;Gallery&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#blog'&gt;Blog&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#links'&gt;Links&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#sitemap'&gt;Sitemap&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the demo:
  <a href="http://jsfiddle.net/7jgkzdf7/" rel="nofollow noreferrer">http://jsfiddle.net/7jgkzdf7/</a></p>
  
  <p>Yesterday, I had been ask this question, however I make a lot of mistakes, I am sorry about that!
  Now, I post again. Please help me to fix this problem!</p>
  
  <p>Thanks!!!</p>