简体   繁体   中英

Links not clickable on mobile devices in WordPress

I am experiencing weird behaviour with links in WordPress. See attached screenshot. The links in the piece of text are clickable on desktop, but when switching to mobile they can not be clicked anymore.

在此处输入图像描述

I inspected the element to check if some z-index or layer is blocking it, but I can't seem to find it. Also the rest of the blocks in the website click fine on mobile.

If you want to try for yourself, website link: https://www.keeperstalent.nl The part that gives trouble is on the homepage somewhere around the middle.

Any help is appreciated!

I was able to fix it by adding:

a {
position: relative;
display: inline-block;
z-index: 2;
}

I'm not sure what was the problem, I just noticed that it works. And it only works with all of the three properties.

You actually have a problem with columns overlap.

列在移动设备上重叠 桌面上的列并排

All you need to do is to make these two columns to have the same classes:

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

Though Andrey's answer will do the trick it may lead to undesirable consequences like this:

链接在标题上方

Now all links are placed over your header and popups

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM