I have created clickable grid boxes using WP visual composer .e.g. go to > https://ohmyproperty.com/advice/ page. Ich grid box serves as a hyperlink to subpages/links. For instance a single click on BUYING grid should take you to the hyperlink https://ohmyproperty.com/buying/.

This works without issues on desktop versions of both google chrome and safari browsers but not Safari on iPhones. You will have to double tap before getting the link to open. The first tap just highlights the box and the second tap takes you to link.

I tried to mitigate the issue by trying this code which has been a recommended approach in various forums.

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

In order to test, I referenced 'a' with my hyperlink div element but didn't do the trick.

I also tried the fix recommended here https://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/.

Also no luck. Any recommendations?