表单下拉列表超出固定标题

Question

我在wordpress网站上使用固定位置标头移动设备。但是表单下拉列表超出了固定标题。它看起来很丑陋。我尝试通过放置这些代码来修复它，但没有任何改变。

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

您可以访问我的网站查看问题。

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

此问题仅适用于移动设备，因为我仅使用固定标头进行移动设备。请访问手机上的上述链接。

由于

Answer 1

.woocommerce-ordering（选择生活在这里）的z-index为999。

您需要将标头设置为1000或减少该z-index。

我建议提出z-index约定。

e.g。走100秒，用110,120等。管理层之间。