[shone]

【お使いの Snow Monkey のバージョン】15.2.1
【お使いの Snow Monkey Blocks のバージョン】12.0.3
【お使いの Snow Monkey Editor のバージョン】6.0.0
【お使いのブラウザ】Chrome等
【当該サイトのURL】

 

お世話になっております。

タイトル通りなのですが、PC表示でグローバルメニューを「オーバーレイ（上部固定なども含む）」に設定した際、パンくずリストを「コンテンツの上」表示にすると、個別の投稿やブログの記事一覧ページでパンくずリストの文字は表示されるものの、各階層のリンクがされていない状態になります。

パンくずリストを「コンテンツの下」に選んだ場合や、メニューを「ノーマル」にした場合は問題なく表示されリンクも有効になっているので、おそらくヘッダーのメニュー部分とパンくずリストが干渉していると思うのですが、上記の設定でもパンくずリストのリンクを有効にする方法はありますでしょうか？

 

トップページを固定ページで作成し、ファーストビューに全幅の画像を設定しているため、メニューは「オーバーレイ」で背景を透過したいのです。

メニューの表示を調整するのか、パンくずリストを調整するのか、いずれの方法でも良いので、

 

１．トップページではメニューを「オーバーレイ」選択時のように背景を透過させたい

２．パンくずリストはコンテンツ上部に表示したい

３．その際、メニューと干渉せずパンくずリストのリンクが正常に表示されるようにしたい

 

上記を実現できる方法がございましたらご教示いただけますと幸いです。

何卒よろしくお願い致します。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

オーバーレイはヘッダーがコンテンツに被さるので、ヘッダーに被さられた部分はクリックできなくなります。下層ページの場合でもページヘッダー画像を表示するようにしたり、CSS で padding-top や margin-top を追加するなど調整してみてください。

♥ 1

いいねをした人:

[まーちゅう]

下記のコードを My Snow Monkey に追加することで、トップページのみオーバーレイにできますので、試してみてください。

add_filter(
	// ヘッダー位置をカスタマイズ
	'theme_mod_header-position',
	function( $value ) {
		// フロントページならば
		if ( is_front_page() ) {
			// オーバーレイ（上部固定 / スクロール時背景白）
			return 'sticky-overlay-colored';
		}
		// それ以外はカスタマイザーで設定したヘッダー位置
		return $value;
	}
);

♥ 3

いいねをした人:

[shone]

まーちゅう様

 

アドバイスいただきありがとうございます。

いただいたコードをmy-snow-monkey.phpに追記し、カスタマイザーでメニューの表示形式をPC、モバイル共に「ノーマル」にしたところ、モバイル表示ではトップページがオーバーレイ、下層はノーマル表示でパンくずリストも問題なく有効になったのですが、PC表示ではトップページがオーバーレイにならずノーマル表示が優先されてしまっているようでした…

何か原因や解決策はございますでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

theme_mod_header-position はスマホ用、theme_mod_header-position-lg が PC 用となるので、theme_mod_header-position-lg に対しても同じコードを書くとどうでしょうか。

♥ 1

いいねをした人:

[shone]

キタジマ様

 

ご返信ありがとうございます。

まーちゅう様にいただいたコードをtheme_mod_header-position-lgに変更したところ無事PCでも理想の表示にすることができました！

キタジマ様、まーちゅう様ありがとうございました。

♥ 1

いいねをした人:

[投稿者]

投稿