ヘッダーの固定がスクロールをするとズレてしまいます。

Question

ヘッダーを上部で固定するためposition:fixed;をしましたが、ヘッダーの中央で固定されてしまい、ヘッダーが半分隠れるような形でスクロールされます。修正方法をご教授ください。

        <header>
        <div class="container">
            <a href="#"><img src="images/" alt="logo"></a></div>
        </div>
        </header>

header{
    position:fixed;
    background-color: #fff;
    width:100%;
    border-bottom: 2.5px solid #331183;
    height:40px;
    display: flex;
    justify-content: space-between;
}

header img{
  height:39px;
}

.header_logo img{
    padding-top:4px;
    height:34px;
    left: -4px;
}

.text-inner{
  width:90%;
  margin: 0 auto;
}

Comments

[itagagaki]

現象の説明がよくわかりません。もう少し詳しくわかりやすくお願いします。

[rzysssipy]

説明不足で申し訳ありませんでした。写真を追加しましたのでご確認頂ければ助かります。

[itagagaki]

質問のHTMLとCSSだけでは再現しないですね。それ以外の何かが影響していると思います。