title: how to dynamically center nav bar in wp
body: <p>I currently have this site <a href="http://rinique.com/" rel="nofollow">http://rinique.com/</a>. However, when it is viewed in mobile devices like iPhone and iPad, the nav bar and logo is no longer center anymore. Partly, the reason is I had now force it to be "left: 150px;" to make it look like center. </p>
  
  <p>Is there any way to dynamically force it to center? Below is a snippet of the nav bar css. </p>
  
  <pre><code>  #header #navigation {
      display: block !important;
      width: 100%; 
      margin-top: .382em;
  
  
    }
    #header #navigation ul.nav {
      float: left;
      position: relative;
      width: 100%; 
      left: 150px; 
  </code></pre>