我如何解决在woocommerce侧边栏打开的情况下无法在移动设备上运行的链接的问题?

问题描述 投票:0回答:1

我正在为客户构建此网站,直到我在商店和产品页面上添加woocommerce侧边栏小部件之前,一切都很好。完成此操作后,无法在移动设备上点击产品链接。

我试图停用某些插件,但没有任何效果。移动版在没有侧边栏的情况下可以正常运行,并且完全无法使用。

有人可以帮我吗?我已经失去了理智…

我正在使用的主题是失眠https://themeforest.net/item/insomnia-beautiful-and-modern-creative-wordpress-theme/16256975?gclid=CjwKCAjwp-X0BRAFEiwAheRuiyVZe2FxLFL9bCVPf7qCjQX9CG715ewHddt3B44EBubBcEPaxSH6zhoCUbAQAvD_BwE

提前感谢

我需要帮助的页面:https://fiordilatte.pt/index.php/loja/

css wordpress woocommerce sidebar
1个回答
0
投票

这里发生的是,侧边栏与移动视图上的主要内容重叠。这就是为什么链接不可单击的原因-您试图单击位于链接顶部的不可见元素。

原因是,尽管您在.sidebar-right上使用了网格类.col-sm-12,但也将其设置为float:left,这会使它脱离正常流程。然后,当您对元素使用.col-sm-12时,它会认为它具有整个宽度-这也是为什么它没有正确包装的原因。

一个简单的解决方案,但不是一个非常优雅的解决方案,只是使用z-index属性将.sidebar-right强制置于顶部。下面的例子:

.sidebar-right {
    z-index: 999;
}
© www.soinside.com 2019 - 2024. All rights reserved.