title: Semantic-UI with fixed right menu and grid
body: <p>I am trying to fixed the menu in the template, but every time when I use the fixed function in the menu, an error occurs because the menu is misplaced to the right off the page. </p>
  
  <p>The example is here: <a href="http://jsfiddle.net/ecram/ddbvg532/1/" rel="nofollow">http://jsfiddle.net/ecram/ddbvg532/1/</a></p>
  
  <p>Reviewing the code and I think the problem is on the Grid.</p>
  
  <pre><code>&lt;div class="ui inverted page grid masthead segment"&gt;
      &lt;div class="column"&gt;
        &lt;div class="ui fixed inverted pointing menu"&gt;
          &lt;div class="header item"&gt;&lt;i class="home icon"&gt;&lt;/i&gt; Principal
          &lt;/div&gt;
          &lt;div class="right menu"&gt;
            &lt;a class="item"&gt; About&lt;/a&gt;
            &lt;a class="item"&gt; People&lt;/a&gt;
            &lt;a class="item"&gt; Projects&lt;/a&gt;
          &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>