wordpressのadmin-barの高さを無視できるようにしたいです。

Question

前提・実現したいこと

個人サイトをwordpressテーマ化しています。
レスポンシブ対応のためにモバイル端末用にハンバーガーメニューを実装しているのですが、
WordPressの[admin-bar]が表示されているときに限り、ハンバーガーメニューの位置がずれてしまいます。
ページヘッダーの直下に表示させるためハンバーガーメニューのcssにはヘッダーのheightである65pxをtop:65pxで指定しています。
admin-barもページの高さに含まれているためにずれが生じるのだと思いますが、このadmin-barを消さずに高さを無視できる方法があれば教えていただきたいです。

該当のソースコード

ソースコード
header{
  width: 100%;
  height:65px;
  background-color:white;
  position: fixed;
  z-index: 10;
}
 .mobile-menu-wrapper{
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  text-align: center;
  display: none;
  z-index: 10;
    top: 65px;
    position: fixed;
    height: 100%;
}

試したこと

add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) );
をfunctions.phpに記述しました。
しかし、この記述ではadminbarがページに被る状態で表示されるので、望んだ結果にはなりませんでした。

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

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

[hsry2019]

失念しておりました。ステータス変更致します。ご指摘ありがとうございます！

Answer 1

WordPressでは画面上部でfixedする要素群は
コンテンツより前にtopを指定しないfixedの要素を
一個作ってその中でレイアウトする
というのがうちの行き着いた答え

Comments

[hsry2019]

ご回答ありがとうございます。検討した結果、
ヘッダーをfixedにしないのと、
.mobile-menu-wrapperのトップ指定とfixedも解除することにしました。（absoluteに変更）
fixedである必要性から考え直し、修正することに致しました。