Mobile Link Tap/Touch Delay Issue

[victor2]

Hi hope all is well!

I am having an issue with links on mobile having what seems to be a delay.

My site link here -> https://warmaudio.com

I have tested this on IOS Chrome, Firefox, and Safari, what is happening is that if you visit the site on mobile and attempt to click links it will not fire unless you do a long tap and release.

I am not sure if this has to do with the known 300ms tap delay or with the custom js I added to the home page area.

Here is the code I am using. All it is doing is wrapping the global blocks with <a></a> on mobile, any help is appreciated!!

jQuery(function($) {

    if ($(window).width() >= 768) {

        $('.x-global-block-1863').each(function() {
            var link = $(this).html();
            $(this).contents().wrap('<a href="https://warmaudio.com/microphones/"></a>');
        });

        $('.x-global-block-1860').each(function() {
            var link = $(this).html();
            $(this).contents().wrap('<a href="https://warmaudio.com/microphone-preamps/"></a>');
        });

        $('.x-global-block-1865').each(function() {
            var link = $(this).html();
            $(this).contents().wrap('<a href="https://warmaudio.com/compressors/"></a>');
        });

        $('.x-global-block-1867').each(function() {
            var link = $(this).html();
            $(this).contents().wrap('<a href="https://warmaudio.com/equalizers/eqp-wa/"></a>');
        });

    }

});

[christopher]

Hi Victor,

Actually, our theme does not have such a problem and it should be a problem of custom Javascript code or a 3rd party plugin which you use.

I suggest that you remove any custom code that you have temporarily and change the theme to the parent theme instead of the child theme and deactivate all 3rd party plugins and clear your browser and if you have a cache plugin, your WordPress cache and check the case.

If it fixes the problem then you need to roll back each step to see what was the actual cause of the issue.

Thank you.