Javascript 页脚上的字体定位标记无法从手机中单击

我注意到我最近主持的网站有一个奇怪的问题。问题在于页面底部页脚上的字体定位标记。当我从电脑上查看它们时，甚至在chrome的开发者模式下，它都可以正常工作

当我在手机上查看我的网站时，在某些情况下，index.html页面上的页脚链接不起作用。如果在单击页脚图标之前，我从导航栏（关于、公文包或项目）单击了index.html子部分的任何链接，它们都不起作用。注意：这仅在使用手机查看网站时发生。该网站如下所述。如果您有任何其他方面的改进建议，请告诉我。谢谢

网站：

代码笔链接是： 注意：我无法在代码笔中复制该问题，因为我使用的HREF引用文件名，因此它们无法在代码笔上工作

<footer class="footer">
            <div class="container footer-content">
                <span class="contact-group">
                    <a href="https://github.com/maheenul" target="_blank"><i class="fab fa-github"></i></a>
                    <a href="https://www.linkedin.com/in/maheenul/" target="_blank"><i class="fab fa-linkedin"></i></a>
                    <a href="mailto:maheenul@gmail.com"><i class="far fa-envelope"></i></a>
                </span>
                <span class="trademark">
                    &copy 2018 Maheenul
                </span>
            </div>
        </footer>

&副本2018 Maheenul

要复制此问题，请在我的网站（chrome）上执行以下步骤：

---

加载主页（index.html）->单击导航栏中的“项目”->向上滚动到导航->再次单击项目->现在滚动到底部的页脚->尝试单击页脚上的我的linkedin图标。

请包括代码，以及您所做的尝试。请在问题本身中包括所有相关代码，不仅在外部站点上。当你修复你的问题并更新你的网站时，这个问题对其他任何人都没有用处。不确定你的问题到底是什么，只是出于好奇我在手机上查看了你的网站，所有链接都正常！！！加载主页->单击项目->向上滚动到导航->再次单击项目->现在滚动到底部的页脚->尝试单击页脚上的我的linkedin图标。