クリックできない問題
クリックできない問題の続きがあり結局解決した。 原因はロゴのCSSで、元々下記のように指定していた。
.logo { height: 200px; margin-top: 20px; margin-bottom: 20px; margin-right: 8px; margin-left: 0px; }
画面上は高さ70pxのナビゲーションバーに納まって見えていたものの、実際のCSSとしては上記のように指定されていたのでロゴがデカデカと認識されてナビゲーションバー直下の子要素の右上にあるリンクと被っていたのでクリックできなくなっていた。
なまじブラウザが賢いせいで表示だけを見ていても原因がわからないエラーもあることがわかった。。。。