WordPress 中的移动设备上的链接不可点击

Question

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!

Answer 1

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.

Answer 2

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