Wordpress WooCommerce添加到购物车,无法在移动网站上工作
Wordpress WooCommerce add to cart not working on mobile site
我正在使用wordpress和cilo wordpress主题开发一个电子商务网站。
该网站在桌面和其他媒体上汇集在一起,但是当我的屏幕尺寸小于769px时,添加到购物车按钮不适用于signle产品页面。点击这里查看示例帖子
- 主题在演示中完美运行
- 此主题在主题文件夹内使用woocommerce。
- 在我的网站上尝试了其他主题,其中添加到购物车正在移动设备上工作网站
- 我试图升级所有内容,包括最新版本的主题和wordpress本身
有什么建议吗?
侧
边栏小部件似乎是问题所在,因为它正在全宽并导致覆盖内容,尽管文本现在已隐藏。
如果您使用 chrome 并进入开发人员模式,您可以看到导致叠加的元素。
我的建议是修改您的响应式 css 以对这个元素进行display: none;
,如下所示:
@media (max-width: 767px) {
#secondary {
display:none
}
}
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- XMLHttpRequest在移动设备上的chrome上不起作用
- 如何使bxslider仅在移动视图中处于活动状态
- css停止图像在滚动中移动
- jquery移动对齐按钮取决于内容大小
- 背景图像顶部的滚动图像不移动
- 如何在react js中移动第二个组件
- 用于在移动网站上向移动应用程序显示横幅的JavaScript库
- 如何创建一个“;“桌面版”;移动网站上的链接,而不重定向到移动网站