Q.ヘッダーとグローバルメニューについて教えて下さい。
ヘッダーに背景画像を挿入したり、ヘッダーの高さを変更するにはどうしたら良いでしょうか?
またグローバルメニューに背景画像を挿入するにはどうしたらいいでしょうか?
A.下記の方法でご対応ください。
外観>TCDテーマオプション>基本設定
にある「カスタムCSS」にて、
下記内容をご記述頂くことで、実現可能です。
/* ヘッダー全体 */
.l-header {
background-image: url("画像のURL");
height: 300px;
}
/* ロゴなどの領域 */
.l-header__inner {
height: 140px;
}
/* グローバルメニュー全体 */
.p-global-nav {
margin-top: 93px;
background-image: url("画像のURL")
}
/* グローバルメニューの項目 */
#js-global-nav > ul > li > a {
background-image: url("画像のURL")
font-family: "メイリオ";
}
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!