Wordpress WooCommerce 添加到购物车不适用于移动网站

Question

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

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

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

有什么建议吗？

Answer 1

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

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

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

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