Wordpress初心者です。
現在LPページを作成しており、そのページ内でアンカーリンクを設定したところ、PCで見た時にはHtmlとCSSで記述したアンカーリンクがうまく遷移するのですが、スマホだと位置がずれてしまいます。
色々調べてみると、ヘッダーなどをposition:fixedで固定にしている場合ずれるという記事も発見しましたが、特に固定しているわけでもなく、自分のスマホ(android:chrome)からテストページを見てクリックするとずれるのです。
ただ問題なのが、iPhoneを使用しsafariでみると位置はずれておらず、またそのiPhoneからchromeで見てもずれておりませんでした。
デバイスのサイズで位置がずれてしまうのだと思うのですが、解決策が分からず困っております。
何卒ご教授いただければ幸いです。
よろしくお願いいたします。
<追記>
分かりづらい質問で申し訳ございません。
キャプチャを追記させていただきます。
上記のようにスマホ表示になると、テスト3の位置がずれてしまいます。
コードは以下の通りです。
html
1<a href="#test1">テスト1</a> 2 3<div id="test1"> 4<h3>テスト1</h3></div>