フォームのドロップダウンが固定ヘッダーの上に表示される

Question

私はワードプレスのウェブサイトでモバイルの固定位置ヘッダーを使用しています。しかし、フォームのドロップダウンは固定ヘッダーの上になります。それは非常に醜いように見えます。私はこれらのコードを入れて修正しようとしましたが、何も変わりませんでした。

.site-header{position: fixed; width: 100%; z-index:1;} select{width: 100%; z-index:2;}

あなたは私のウェブサイトにアクセスして、問題を見ることができます。

www.store.codebla.com/product-category/mens-fashion/

iはモバイルのみ固定ヘッダを使用するので、この問題はモバイルです。携帯電話で上記のリンクをご覧ください。

おかげ

Answer 1

.woocommerce-ordering（ここで選択した生活は）あなたは1000年に自分のヘッダを置くか、そのZインデックスを削減する必要があります999

のzインデックスを持っています。

私はZ-インデックスのコンベンションでお勧めします。

100s行って、110,120などを使用してください。レイヤー間を管理する。