Lightning のヘッダーレイアウトが ナビゲーション回り込み になっているときにナビの項目の幅を均等にしたカスタマイズってしたことがなかったので、やってみました。

ページの先頭を表示しているときとスクロール時のヘッダーのスタイルを少し違うものにしてみました。

ページの先頭を表示しているときのヘッダー

ページの先頭を表示しているときのヘッダー

スクロール時のヘッダー

スクロール時のヘッダー

特記事項

幅を均等にしたので、個々の項目の文字数を少なめで揃えておくのが望ましいです。文字数が多いものがあってもなるべく破綻しないようにはなっていますが...。

第2弾を作ろっかな、っていう気持ちがあるので「カスタマイズ例①」としてありますが、いまのところ ② についてはまったく案がありません😅

Follow me!