TCDテーマVOYAGE：SNSアイコンの並び順を変更する方法

Q.ドロワーメニューやフッターに表示されるSNSアイコンを並び替えたいです。

▼変更前イメージ

A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。

.c-sns-icons-item--line {
  order: 1;
}
.c-sns-icons-item--facebook {
  order: 2;
}
.c-sns-icons-item--instagram {
  order: 3;
}
.c-sns-icons-item--tiktok {
  order: 4;
}
.c-sns-icons-item--x {
  order: 5;
}
.c-sns-icons-item--youtube {
  order: 6;
}
.c-sns-icons-item--pinterest {
  order: 7;
}
.c-sns-icons-item--note {
  order: 8;
}
.c-sns-icons-item--threads {
  order: 9;
}
.c-sns-icons-item--mail {
  order: 10;
}

表示されているSNSアイコンに合わせて並び順をご調整ください。orderの数値が小さいものから左に並びます。

▼変更後イメージ