SWELLのウィジェットエリアが一目で分かるサイトを作りました >>

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

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

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

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

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

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

\このブログが役に立ったら/

上手くいったらシェアしてね!
  • URLをコピーしました!

お気軽にどうぞ!

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

もくじ