css - wpでナビゲーションバーを動的に中央に配置する方法

Question

私は現在、このサイトhttp://rinique.com/を持っています。ただし、iPhone や iPad などのモバイル デバイスで表示すると、ナビゲーション バーとロゴが中央に表示されなくなります。部分的には、「左：150px;」にするように強制したことが理由の1つです。中央に見えるように。

動的に中央に配置する方法はありますか? 以下は、ナビゲーション バーの CSS のスニペットです。

  #header #navigation {
    display: block !important;
    width: 100%; 
    margin-top: .382em;


  }
  #header #navigation ul.nav {
    float: left;
    position: relative;
    width: 100%; 
    left: 150px;