タグがクリックできない問題について

実現したいこと

<a>タグがクリックできない問題を解決する

前提

ここに質問の内容を詳しく書いてください。

headerのナビゲーションメニューを全ページに表示したいのですが、
下層ページはすべてテキストのみの表示で、クリックができません。
index.htmlでは正常に動作しています。
また、横並びのメニューと、ハンバーガーメニューの２種類を使用しています。
クリックできないのは、下層ページの横並びのメニューのみです。

どなたか、ご教示いただけましたら幸いです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

HTML/CSS

1<nav class="pc_nav"> 2 <ul class="menu"> 3 <li><a href="index.html">home</a></li> 4 <li><a href="about.html">about</a></li> 5 <li><a href="salon.html">salon</a></li> 6 <li><a href="menu.html">menu</a></li> 7 8 <li><a href="https://www.instagram.com/garden_okabe/">instagram</a></li> 9 </ul> 10</nav>

試したこと

.pc_nav ul li a {
z-index: 100;
}
上記CSSを指定し重なり順を上に。

補足情報（FW/ツールのバージョンなど）