Wordpress WooCommerce 添加到购物车无法在移动网站上运行

Question

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

该网站在桌面和其他媒体上都在整合，但当我的屏幕尺寸小于 769 像素时，添加到购物车按钮不适用于单一产品页面。 Click here看例子post

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

有什么建议吗？

Answer 1

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

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

我的建议是修改您的响应式 css 以在该元素上添加 display: none;，如下所示：

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