title: Navigation position fixed - impossible to align to the right
body: <p>I'm being unable to align the navigation to the right side while it's positioned fixed. 
  I read previous threads and I implemented what was suggested but despite of that I'm not able to make it stay within the main container and to be aligned to the right.<br>
  It either doesn't move at all (with float: right) or goes out of the container.<br><br></p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;nav id="site-navigation" class="main-navigation" role="navigation"&gt;
      &lt;div class="nav-positioning"&gt;
        &lt;div class="menu-primary-navigation-container"&gt;
          &lt;ul id="primary-menu" class="menu nav-menu"&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
         &lt;/ul&gt;
       &lt;/div&gt;
     &lt;/div&gt;
    &lt;/nav&gt;&lt;!-- #site-navigation --&gt;
  &lt;/div&gt;
  
  .container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding: 30px;
      box-sizing: border-box;
  }
  header .main-navigation {
      position: fixed;
      padding: 20px 0;
      z-index: 3;
      width: auto;
  }
  .main-navigation {
      clear: both;
      display: block;
  }
  </code></pre>
  
  <p>The problem occurs within this site: www.oktawiakata.com <br>
  login: login <br>
  password: superstrongpassword</p>
  
  <p>Thanks a lot in advance for your hints!</p>