[SHINTARO0808]

【お使いの Snow Monkey のバージョン】バージョン: 19.2.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 18.2.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.1.2
【お使いのブラウザ】chrome
【当該サイトのURL】https://portfolios.t-bmcs.com/

 

PC・スマホ共にハンバーガーメニューで表示させてページ内遷移を行いたい

条件はLP作成でスマホ用のページセクションとPC用のセクションを分けてハンバーガーメニューで表示させてページ内遷移を行いたい

お手数ではありますがご教示いただけると幸いです。

調べてもデフォルトの機能でこちらはできるのかわからずで今回質問させていただきました。

♥ 0

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

[GONSY]

カスタムリンクでメニューが構成されていると思いますが、それぞれのメニューにクラス名をつけ、画面幅で表示を制御するのが簡単だと思います。
シングルページ内の遷移ということで u-smooth-scroll もつけておくと動きがあっておすすめです。
 

 

@media ( max-width: 768px ) {
	.pc_menu {
		display: none;
	}
}

@media ( min-width: 769px ) {
	.sp_menu {
		display: none;
	}
}

♥ 3

いいねをした人:

[SHINTARO0808]

ありがとうございます！こちらでできそうです。非常に助かりました！ですが、PCの時もドロワーメニューを表示したいのですがこちらはどうすればいいでしょうか？こちらはsnow monkeyのデフォルト機能ではできないと思いますが。。ご教授いただけますと幸いです。

♥ 0

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

[GONSY]

カスタマイザーの デザイン > ヘッダーレイアウト > シンプル にして…
カスタムメニューは、ドロワーナビゲーション（モバイル用）を選択すると、PCでもドロワーになりませんか？

♥ 0

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

[SHINTARO0808]

盲点でした！できましたありがとうございます！

♥ 1

いいねをした人:

[投稿者]

投稿