プロダウンメニュー時の背景がおかしくなってしまいます。

すみません、背景の高さだけはクリアできました。
プルダウン時の後ろに背景がはいるところだけは、どうしても削除できません、、、＞＜

解決方法は以下の 2 つです。

方法 1 つ目： サブメニューの幅の指定を削除する

子テーマで以下の CSS の指定をされています。

@media screen and (min-width: 1111px) {
  #navi li ul li {
    height: 55px;
    margin: 0;
    padding: 0;
    width: 18em;
    text-align: left; 
    background-color: #3399CC;
  }
}

このうち width: 18em; を削除すると、プルダウン時の後ろに背景が入りません。ただ、サブメニューの幅が現在より広くなるため、ご希望に沿わないかもしれません。

方法 2 つ目： CSS を追加する

現在のサブメニューの幅を維持されるのなら、子テーマの style.css に以下の CSS を追加します。

@media screen and (min-width: 1111px) {
  #navi ul.sub-menu {
    width: 18em;
  }
}

私の PC が昨夜おかしくなっていたので、トンチンカンなことを書いているかもしれません。

まだご希望のスタイルになっていない場合には、申し訳ないですがもう 1 度書き込みをお願い致します。