物販も可能な店舗サイトをすぐ始められるWordPressテーマ「SALON」
ワードプレステーマ別

TCDテーマHARVES:グローバルメニュー(ヘッダーバー)を常時表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.グローバルメニュー(ヘッダーバー)は、スクロールすると一旦画面外に消えてしまいます。これを常時表示する方法はありますか?

▼変更箇所イメージ

A.はい、カスタムCSSに追記することで、ヘッダーバーを常時表示可能です。

▼カスタマイズ後のイメージ

管理画面のTCDテーマ > 基本設定 > カスタムCSS・スクリプト > カスタムCSSに、下記コードをコピペして保存してください。

/* ヘッダーバーを常時表示 */
.l-header { position:sticky !important; top:0 !important; transform:unset !important; }
.p-header-bar { color:#000; background:#fff; }
.p-header-logo { filter:unset; }

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事