Wordpress WooCommerce添加到购物车在移动网站上不起作用

Question

我正在使用wordpress和cilo wordpress主题开发一个电子商务网站。

该网站在台式机和其他媒体上融合在一起，但是当我的屏幕尺寸小于769px时，“添加到购物车”按钮不适用于Signle产品页面。 点击此处查看示例帖子

• 主题正在演示中完美运行
• 这个主题在主题文件夹中使用woocommerce
• 尝试了我网站上的其他主题，其中“添加到购物车”在移动网站上有效
• 我试图升级所有内容，包括主题的最新版本和wordpress本身

有什么建议吗？

Answer 1

边栏小部件似乎是问题所在，因为尽管现在已隐藏了文本，但它将变为全角并导致内容覆盖。

如果您使用chrome并进入开发人员模式，则可以看到导致重叠的元素。

我的建议是修改您的响应式CSS以display: none; 在这个元素上是这样的：

@media (max-width: 767px) {
    #secondary {
        display:none
    }
}