[さとみ]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】10.5.1
【お使いのブラウザ】chrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===https://cosmos-care.jp

いつもお世話になっております。

ページトップ表示時の、ヘッダーメニュー２行表示で、１行目サイトロゴ（中央表示）
２行目メニュー表示としていますが、

このように、スクロール時の１行表示（メニュー）の時に、サイトロゴ画像を左端に表示させたいです。

ご教示ください。
よろしくお願いします！

♥ 0

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

[キタジマ タカシ]

下記のコードを My Snow Monkey に貼り付けてみてください。

add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/nav/drop' === $slug ) {
			ob_start();
			\Framework\Helper::get_template_part( 'template-parts/header/site-branding' );
			$site_branding = ob_get_clean();
			$search  = '|(<li class="menu-item)|m';
			$replace = sprintf( '<li class="c-navbar__item">%1$s</li>', $site_branding );
			return preg_replace( $search, $replace . '$1', $html, 1 );
		}
		return $html;
	},
	10,
	2
);

これでドロップナビにロゴは表示されるようになると思うので、あとはお好みでロゴ周りの余白を CSS で調整してください。

.p-drop-nav .c-site-branding {
  padding-top: 1em;
  padding-bottom: 1em;
}

♥ 1

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

[さとみ]

思い通りに変更ができました。

というか思い切り初心者なので、my Snow Monkeyの使い方から調べましたが、
一つ学習になりました！！！

ありがとうございましたv

トピック閉じます！

♥ 2

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

[キタジマ タカシ]

というか思い切り初心者なので、my Snow Monkeyの使い方から調べましたが、
一つ学習になりました！！！

あ、そうでしたか、すでにインストール済みかと思っていました。失礼しました！解決できてよかったです。

♥ 1

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

[投稿者]

投稿