SWELLのウィジェットエリアを可視化するサイトを作りました

【Snow Monkey】ヘッダーのオーバーレイをトップページだけに反映させる(下層ページで解除する)

Snow Monkeyのカスタマイザーからヘッダーをオーバーレイにすると、アイキャッチが設定されていない下層ページはヘッダー部分にパンくずリストが被ってしまいます。

自分が管理しているサイトや、クライアントさんが全然触らないタイプのサイトならOKですが、「自分たちでページを増やしたい」という場合、アイキャッチを設定しなければいけないことに気がつかずに困ってしまうかもしれません。
そんな時のために、トップページ(.home)以外のページではヘッダーがオーバーレイにならないようにするCSSをメモしておきます。

.l-body:not(.home) .l-contents {
margin-top: 100px;
}

ヘッダーの幅を考慮しつつ、marginの数値を変更してください。

このCSSは、ちづみさんの「Snow Monkeyでサイトを作ってく会Part3」で、テーマ作者のキタジマさんが紹介していたものです。動画も貼っておきます。

上手くいったらシェアしてね!
  • URL Copied!

お気軽にどうぞ!

コメントする

もくじ
閉じる