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

このトピックには2件の返信、3人の参加者があり、最後に対馬俊彦により2ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2024年9月16日 4:15 PM #100968
すずき
参加者
■ 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;
}
```
⇒スクロール時のグローバルナビも消えてしまう

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

■ 実際の症状
スクロール時のグローバルナビも消えてしまう
2024年9月17日 11:48 AM #100987
石川＠Vektor,Inc.
キーマスター
制作実績
こうですかね？
```
.header-top,
.site-header-logo,
.site-header-sub {
	display:none;
}
```
2024年9月19日 3:35 PM #101057
対馬俊彦
参加者
制作実績
横から失礼します。

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

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

[1] [2] だけでよいなら（すべてのページに適用するなら）、
```
.global-nav {
	display:none;
}
```
[1] [2] [3] をやりたいなら、
```
body.home .global-nav {
	display:none;
}
```
という CSS でいけそうです。
投稿者

投稿