Grid field hyperlink all the time requires double faucet in an effort to open hyperlink on iPhone – safari

I’ve created clickable grid bins utilizing WP visible composer .e.g. go to > https://ohmyproperty.com/recommendation/ web page. Ich grid field serves as a hyperlink to subpages/hyperlinks. As an example a single click on on BUYING grid ought to take you to the hyperlink https://ohmyproperty.com/shopping for/.

This works with out points on desktop variations of each google chrome and safari browsers however not Safari on iPhones. You’ll have to double faucet earlier than getting the hyperlink to open. The primary faucet simply highlights the field and the second faucet takes you to hyperlink.

I attempted to mitigate the difficulty by attempting this code which has been a really helpful strategy in varied boards.

$('a').on('click on touchend', operate(e) {
    var el = $(this);
    var hyperlink = el.attr('href');
    window.location = hyperlink;
});

With the intention to take a look at, I referenced ‘a’ with my hyperlink div ingredient however did not do the trick.

I additionally tried the repair really helpful right here https://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/.

Additionally no luck. Any suggestions?