html - 在 WordPress 中的移动设备上无法点击的链接

标签 html css wordpress

我在使用 WordPress 中的链接时遇到奇怪的行为。请参阅随附的屏幕截图。文本中的链接在桌面上是可以点击的,但是当切换到移动设备时就不能再点击了。

enter image description here

我检查了元素以检查是否有某些 z-index 或层阻止了它,但我似乎找不到它。此外,网站中的其余部分在移动设备上点击正常。

如果您想自己尝试,网站链接:https://www.keeperstalent.nl 出现问题的部分位于主页中间的某个位置。

感谢任何帮助!

最佳答案

您实际上遇到了列重叠的问题。

Columns overlap on mobile Columns on desktop are side by side

您需要做的就是让这两列具有相同的类:

<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-12">

虽然 Andrey 的回答可以解决问题,但可能会导致如下不良后果:

links are over the header

现在所有链接都放在您的标题和弹出窗口上

关于html - 在 WordPress 中的移动设备上无法点击的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58568162/

相关文章:

javascript - 调整大小的 Canvas - 保持最大宽度或高度而不拉伸(stretch)/填充

apache - Wordpress 页面随机充当 RSS/XML 内容

javascript - 响应式 Google 可视化 JavaScript 图表库

javascript - 在谷歌可视化线上绘制 x 轴日期

javascript - 如果所选选项值为空,则隐藏提交按钮

javascript - 如何使用 ASP/Javascript 在 pdf 文件上移动浏览器的滚动条?

javascript - 存储文本输入并显示在页面上

html - 为什么 `textarea`和 `input`元素的第一个字母不是红色的?

html - 如何控制图像高度以匹配 html 电子邮件中的相邻文本

mysql - 如何使用GROUP_CONCAT抓取行ID的数据?