CSS レスポンシブサイトでヘッダー画像の調節

質問

レスポンシブサイトでヘッダー画像の調節をしたいのですが
なぜかPCとスマホでヘッダー画像の表示が異なります
同じように表示するにはどうすればいいでしょうか？

参考用ですが、こちらは同じように表示されています
https://f-tpl.com/tpl_096/

添付画像は上がPCで下がスマホです
このように半分しか表示されず、PCのものを縮小して表示させられません

この投稿のマルチメディアは削除されているためご覧いただけません。

回答No.1

hashedbutter

これでは何もわかりません。

補足

HTML

<header>
<a href="URL"><img src="img/ロゴ画像.png" id="logo" alt=""></a>
<h1>私のサイトです。</h1>
</header>

CSS

header {order:0;width:100%;height:120px;background-image:url(img/header.jpg);box-sizing:border-box;}

#logo {width:250px;height:auto;margin:20px 37px 0;}

@media screen and (max-device-width:385px) {

header {height:140px;}

#logo {padding-left:35px;margin:20px 25px 0;}

}