表格字段不适用于woocommerce中移动视图的结帐页面

Posted 2021-05-05

我正在尝试设置一个WooCoomerce网站，一切正常，桌面视图。但是表单字段不适用于woocommerce中的移动视图的结帐页面。他们之前曾经工作过，所以我想这可能是几天前WooCommerce更新的问题，我不记得我是否做过更新。我检查了代码，但看起来不错。不确定为什么它不适用于移动视图。只有计费和运输表单字段不起作用，支付网关字段也正常工作。我之前使用了一个插件，我现在禁用了该插件，但问题仍然没有解决。这是网页，如果你想看看https://www.love2home.com/checkout/

答案

此元素与内容重叠：

<h6>Upload an image to use for photo frames or gifts</h6>

这可能就是你无法点击它的原因。

给它一个固定的高度或clearfix可能。

CSS：

#wufdc_div h6 {height:100px;}

另一答案

快速浏览一下，我可以看到容器“#wufdc_div”几乎占据了表单的整个高度。

我希望您提供以下更改：

#wufdc_div{ position: static; }