ドロップダウンのnav要素から背景色と幅を削除します

Question

私はWPMLプラグインを使用して自分のサイトを翻訳しています。下のリンクをクリックするとわかるように、フラグの上にマウスを置くと、navの残りのクラス（白い背景、パッド付きの幅など）が継承されます。背景だけを透明にしたいので、フラグだけが表示されます。私はこのいくつかの方法を目標にしようとしましたが、役に立たない。ここで私が使用しようとしているCSSがあります。誰も助けることができますか？

.sub-menu is--forced-placed { 
    width: auto; 
    background-color: none; 
    color: none; 
} 

私のサイトへのリンク：http://www.wgeil.de

Answer 1

あなたはCSS

ul.primary-menu>.menu-item.menu-item-has-children>.sub-menu{ 
background-color:transparent; 
} 

Answer 2

OKの下に試すことができ、別の試み：

は、あなたのCSSセレクタは、両方のクラスので .sub-menu.is--forced-placedのようになります。 ul要素にあります。しかし、このセレクタを使用すると、これを上書きする別のCSS規則があるため、動作しません。 ulをセレクタに追加する必要があります：ul.sub-menu.is--forced-placed。このセレクタは、この要素に追加された他のルールを上書きします。

別のものはmin-widthです。ドロップダウンリストのルールは、言語ドロップダウンに影響してmin-width: 13.75rem;に伸びます。私たちはこれも上書きしなければなりません。

最後に言っておくことは、background-colorまたはcolor〜noneと設定できないということです。 transparentを使用する必要があります。

はこのCSSを試してみて、これが機能するかどうか教えてください：

ul.sub-menu.is--forced-placed { 
    min-width: auto; 
    background-color: transparent; 
    color: transparent; 
} 

Answer 3

あなたは以下のCSSにbackground-color: rgba(0,0,0,0);を追加する方法を見つけることができるかどうか、点検してみます。ボーダーも削除したいので面白い行はありません。

ul.primary-menu > .menu-item.menu-item-has-children > .sub-menu { 
    border-top: 1px solid rgba(0,0,0,0.075); 
    left: 50%; 
    -webkit-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%); 
} 

次に透明になります。おそらく...たぶん..

私はまだ見ていますが、私はまたスープを食べていますので、私は今や少し遅いです。

Answer 4

この!importantはそれがすべてのルール

.sub-menu is--forced-placed { 
    width: auto !important; 
    background-color: none !important; 
    color: none !important; 
} 

を上書きしかし、私はbackground-color:transparent !important;がbackground-color:none !important;