如何在智能手机中自定义Contact Form 7？

Question

我刚刚在移动模拟器中检查了我的网站，并发现我网站中的联系表单7没有显示应该显示的内容。有些字段不可见。

我做了一些研究，发现了这个CSS代码：

@media only screen and (max-device-width: 500px) {
.wpcf7-form {
max-width: 500px;
margin: auto;
}}

但是当我在模拟器上检查它时，似乎没有任何改变。 my site有什么问题？

Answer 1

请尝试以下代码，相应地调整宽度。

@media (max-width:560px)  {
.contact {
  max-width: 280px;
}}