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

Question

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

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

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

有什么建议吗？

Answer 1

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

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

我的建议是修改您的响应式 CSS 以在该元素上放置一个 display: none;，如下所示:

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