ナビメニューのセクションを並べ替える方法

サポート
1

コミュニティ向けの便利なリンクをいくつか追加したカスタムセクションを作成しました。セクションをカテゴリセクションのすぐ下に配置したかったのですが、組み込みオプションやテーマコンポーネントが見つかりません。どなたか助けていただけますか？

2

こんにちは @Skeleton さん :wave:

これを行うには、このCSSコードを使用できます。

「いいね！」 2
3

こんにちは、@Lillyさん :wave:

ナビゲーションセクションの順序を並べ替えるために、あなたのCSSコードを使用しました。ウェブページがフルサイズの場合、うまく機能します。

image
image1546×841 92.5 KB

しかし、ウェブページを小さい幅にリサイズしようとすると、CSSコードの順序設定が無効になります。最後のセクションが次の画像のように2番目になってしまいます。

image
image940×848 47.3 KB

sidebar-sections の display: block; プロパティが order の効果を妨げていることがわかりました。そこで、CSSコードにいくつかのコードを追加してみました。

 .sidebar-sections{
     display: flex;
     flex-direction: column;
 }

これで、セクションの順序が制御できるようになりました。

「いいね！」 1