Still unsure of the correct forum to put this under. I put a post up about this issue before and I thought that I had found a work around but it appears only a temporary solution.
The problem that occurs is when I place the call tracking script in the footer of my site when the live site is working any interaction or dropdown that shares the same parent div as a number that gets dynamically changed ceases to function the way it should.
As an example the dropdown menu located in the side menu on this test page works in the staging site.
URL: https://landscapeshapeform.webflow.io/test
However, on the actual website the dropdown ceases to function as it shares the same parent div as one that has a dynamic number inserted. In this case its the “columns” div.
URL: https://www.landscapeshapeform.com.au/test
I have done research and found that the call tracking script appears to be generic as multiple call tracking companies use the exact script although change the destination to their own site.
<script type="text/javascript">(function() {
var av = document.createElement('script');
av.type = 'text/javascript';
av.id = 'TrkCallCom';
av.src = ('https:' == document.location.protocol ? 'https://' : 'http://') +
'trkcall.com/scripts/' + window.location.host.replace(/^www\./, '') + '.js?t=' + (new Date().getTime());
var h = document.getElementsByTagName('head')[0];
h.parentNode.appendChild(av);
})();
</script>
This script also for some reason injects 3 identical scripts into the head tag as well.
Any help on this will be awesome as I am scratching my head trying to work out why it would stop interactions and dropdowns as it doesn’t call for anything related to interactions or dropdowns.
Thank you all in advance