[ 質問者返信待ち ] 画面スクロール時に現れるグローバルメニューのみ表示したい

[すずき]

■ WordPress のバージョン
6.6.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
0.25.1

■ Pro Unit のバージョン
0.27.1

■ スキンの種類
Evergreen

■ スキンのバージョン
0.2.5

■ 期待する動作
Home上部のグローバルナビゲーションのみ非表示とし、
スクロール時に出現するグローバルナビは表示したい場合
どのようなCSSで実現出来ますでしょうか。

ご教示いただけますと幸いです。
何卒よろしくお願いいたします。

■ 自分で試した事

#site-header{
display:none;
}

⇒スクロール時のグローバルナビも消えてしまう

■ 症状が発生するブラウザ
主要ブラウザ

■ 実際の症状
スクロール時のグローバルナビも消えてしまう

[石川＠Vektor,Inc.]

こうですかね？

.header-top,
.site-header-logo,
.site-header-sub {
	display:none;
}

[対馬 俊彦]

横から失礼します。

以下のように理解しました。
違ってたらご指摘ください。＞質問者様

[1] ページ先頭を表示しているときはグローバルナビを表示しない。
[2] スクロールするとグローバルナビが現れる。
[3] トップページだけ [1] [2] のようにしたい。

[1] [2] だけでよいなら（すべてのページに適用するなら）、

.global-nav {
	display:none;
}

[1] [2] [3] をやりたいなら、

body.home .global-nav {
	display:none;
}

という CSS でいけそうです。

[投稿者]

投稿