我之前编写了一个github网页，大约2个月前在所有浏览器上都运行得很好。出于某种原因，我刚刚注意到我的导航栏在Safari上不再工作，但在Chrome上工作。实际链接仍然工作，但我的导航栏按钮不工作。这很奇怪，因为在我网站的“项目”页面下，代码和源代码链接的按钮工作得很好。2任何帮助和帮助都将非常感谢。
这是我的导航栏的格式：

<header class="header">
            <a href="#" class="hamburger">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </a>
            <nav class="navbar">
                <ul class="nav-area">
                    <li><a href = "index.html">Home</a></li>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    <li><a href = "portfolio.html" >Portfolio</a></li>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    <li><a href = "project.html"class="active">Project</a></li>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    <li><a href = "x.github.io">Github</a></li>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    <li><a href = "https://rapidcharts.io/datascience">Course</a></li>
                </ul>
            </nav>

相关的github页面是https://github.com/jameseconnolly/jameseconnolly.github.io。我怀疑这个问题与我的css文件无关，因为导航栏按钮和代码链接按钮的css代码是相同的。我注意到导航栏在移动的模式下也不工作，所以它可能是与实际链接或链接嵌入方法有关的html问题。