jquery - 水平メニュー バーを移動しようとしています

Question

私はこのサイトでいくつかの作業を行っており、上部のメニューを中央に配置しようとしています. サイトに関連する CSS はここにあります。おそらくおわかりのように、メニューの強調表示が奇妙で、カーソルを合わせるとドロップダウンの横にある矢印が移動します。シフトするために私がしたことは次のとおりです。

これをオーバーライドします。

#superfish-inner .menu, #superfish-inner .menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

これに：

#superfish-inner .menu, #superfish-inner .menu * {
  margin: 0;
  padding-left: 18px;
  list-style: none;
}

この：

#superfish-inner .menu ul {
  position: absolute;
  top: -999em;
  width: 15em; /* left offset of submenus need to match (see below) */
}

これに：

#superfish-inner .menu ul {
  position: absolute;
  top: -999em;
  width: 8.4em; /* left offset of submenus need to match (see below) */
}

私はもともとこのサイトをデザインしていませんでしたし、CSS の専門家でもありません。