CTA-buttons don’t always work after just one click.

Did some more tests:

Safari iPhone: no problems
Google chrome on iPhone: same problems.

tested with every plugin deactivated, except for GP, GP pro and GB blocks.

For obvious reasons I need it to work on all browsers, perfectly.

Hi there Fernando,

Thanks for your testing.

Hmm, that’s weird. I was showing a friend of mine my website, and he had exact the same problem as me.

He used a samsung galaxy s. I used a iPhone 13 pro. Both with google chrome browser.

I tested again, and I still had the same problem. Especially when scrolling over a cta-button, en then going back up again and clicking on it. It then only works on the second click.

After I tested again, I have now turned on all my plugins again. And it’s worse now on google chro,e, more often than not I have to click a second time, with or without scrolling past by it en then going up and clicking on it. I’m wondering if you do have the same issue now. Cleared all cache on my browser, history et cetera.

Could you please test one more thing, in some sort of variations. (Like scrolling past it, going up again, clicking on it. or clicking on it, until it opens, going back again, scroll, back up again and clicking on it again).

I am trying to pin down the problem, but I don’t know where to start. Especially because I have the same problem when all plugins are deactived (although less often, it now seems) and you seem to have no problems at all.

I’m in the dark here haha.

BTW: it works perfectly fine with safari browser AND firefox on iPhone 13 pro now, even though I activated all my plugins. But it just utterly sucks on google chrome.

Kind regards.

Bob

Hi David,

Thanks alot.

That makes sense.

I do indeed have hover effects on, to increase clickability.

I’ll do some extended testing. I’ll let you know.

Bob

Ok, so here’s what I did:

1. removed ALL hover options and colors.
– both customizer and editor
– thus, including all navigation hover effects, footer hoover effecters, all buttons et cetera.
– deleted all WP forms with hover effects in it
– cleared LS cache
– cleared history and cache on google chrome

result: none, still the same issue on google chrome. No problems with safari and firefox (didn’t have any problems to start with).

2. disabled LS cache plugin:

Result: none, still the same issue on google chrome.

3. disabled ALL plugins, except for GP, GP Pro and GB pro.

Result: none, still the same issue on google chrome.

4. created a clean, new blue test cta-button on homepage. No editing, only removed the standard hover options on the button.

Result: none, also this buttons has problems with first click.

So, what could be the cause of the problems with the CTA-buttons on google chrome only?

Here in the Netherlands almost everyone uses google chrome on their mobile (mostly iPhone). So it’s a big thing for me.

What options do I have left? Or do I just need to accept that most of my visitors will have this problem?

Thanks in advance.

Hi David,

Yes, it does. I included it in my extensive testing.

No difference between incognito browser and normal browser (with all history deleted).

BTW: when I visit my homepage and DON’T scroll and directly click on the first cta-button, it works instantly. However, when I scroll just a bit, and then click on it, it ONLY works the second click. Problem is that you always scroll on a website lol.

Bob

Okay,

Works perfectly fine now.

Is there a way to enable sticky navigation on mobile, without having this issue?

Because, especially my homepage is long. It might reduce my conversion rate, if potential customers cannot navigate via mobile menu.