WordPress ヘッダー上部と管理バー重なり解消

WordPressにログインしている状態で、画面上部に表示される管理バーとヘッダーが重なり、ヘッダーが見づらくなっていました。

調べてみると、ヘッダーを管理バーの高さ分だけ下げる方法が紹介されていたので試してみました。

Cocoonテーマの場合は、tmp-user/head-inset.php に以下のコードを追加することで対応できました。

<?php if( is_user_logged_in() ) : ?>
<style type="text/css">
.top-head {
  margin-top: 32px;
}
@media screen and (max-width: 780px) {
  .top-head {
    margin-top: 46px;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}
</style>
<?php endif; ?>