[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

Who liked: No user

[GONSY]

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

 

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

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

♥ 3

Who liked:

[SHINTARO0808]

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

♥ 0

Who liked: No user

[GONSY]

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

♥ 0

Who liked: No user

[SHINTARO0808]

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

♥ 1

Who liked:

[投稿者]

投稿