網站鏈接在台式機上有效，而不在移動設備上有效

Question

這是我的網站：www.apologeticscentral.co.za

菜單鏈接在台式機上有效，但在移動設備上無效。 同樣，在使用Chrome開發人員工具模擬移動網站時，菜單鏈接也可以正常工作。

在移動設備上，菜單鏈接在使用強制觸摸（在iPhone上）時有效，而當我按住並說打開時，它也可以正常工作。 但是，簡單的單擊什么也沒有做。 任何想法可能是什么原因？

<nav id="nav">
    <ul class="links">
        <li class="active"><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="apologia/index.html">Apologia</a></li>                         
        <li><a href="argument/index.html">Argument</a></li>
        <li><a href="articles/index.html">Articles</a></li>
        <li><a href="bible/index.html">Bible</a></li>
        <li><a href="FAQ/index.html">FAQ</a></li>
    </ul>
    <ul class="icons">
        <li><a target="blank" href="https://twitter.com/ApologeticsC" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a target="blank" href="https://www.facebook.com/apologeticscentral" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
        <li><a target="blank" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>

    </ul>
</nav>

Answer 1

我的問題是Angular Material與我的CSS沖突。 我創建了一個單獨的模塊，但是我沒有在該模塊中包含材料，所以它工作正常。