解決するCSSの問題

Question

CSSについては、my siteに次の問題があります。デスクトップ

B）メニュー - - モバイル は親切に、このためのソリューションコードを欲しがる

は、2つのセクション

A）メニューがあります。

A）メニュー - デスクトップ

1. サブメニューアライメント - メニュー項目の下ので、何のサブメニューが画面外にスライドすることができない整列（現在右スライド、サブメニュー画面を披露）

B）メニュー - モバイルサブメニュー

2. メニュー項目のテキストは、サブメニューを展開する必要があります。つまり、「About Us」をクリックするとサブメニューが展開されます（会社概要、レビュー、連絡先など）
3. メニュー項目（「About Us」）を再度クリックすると、したがって、別のサブメニュー項目（「サービス」）をクリックすると、最初のサブメニューが折りたたまれ、サービスが展開されます。一度に1つのサブメニューだけが展開されます。

サブメニュー整列

Answer 1

- メニュー項目の下ので、何のサブメニューが画面外にスライドすることができない整列は、（現在の右側のスライド、サブメニュー画面を披露）

style.css:1145： - パディング左を除去します。

.genesis-nav-menu .menu-item:hover > .sub-menu { 
    left: auto; 
    opacity: 1; 
}