我正在为客户构建此网站,直到我在商店和产品页面上添加woocommerce侧边栏小部件之前,一切都很好。完成此操作后,无法在移动设备上点击产品链接。
我试图停用某些插件,但没有任何效果。移动版在没有侧边栏的情况下可以正常运行,并且完全无法使用。
有人可以帮我吗?我已经失去了理智…
提前感谢
这里发生的是,侧边栏与移动视图上的主要内容重叠。这就是为什么链接不可单击的原因-您试图单击位于链接顶部的不可见元素。
原因是,尽管您在.sidebar-right上使用了网格类.col-sm-12,但也将其设置为float:left,这会使它脱离正常流程。然后,当您对元素使用.col-sm-12时,它会认为它具有整个宽度-这也是为什么它没有正确包装的原因。
一个简单的解决方案,但不是一个非常优雅的解决方案,只是使用z-index属性将.sidebar-right强制置于顶部。下面的例子:
.sidebar-right {
z-index: 999;
}