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: "メイリオ"; }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!