TCDテーマGENESIS：トップページのサービス一覧を4つ表示させる方法

Q.トップページの「サービス一覧」でサービスカテゴリーを4つ表示させたいです。

4つ以上のサービスカテゴリーを表示する場合はカルーセル（時間経過で自動で切り替わるのではなく、アローをクリックして手動で切り替える仕様）で表示されます。
当記事では、カルーセル形式ではなく4つのサービスカテゴリーがすべて見える状態で表示させるカスタマイズをご案内します。

GENESISデモサイトでは3つのサービスカテゴリーを表示させています。また、表示させたくないサービスカテゴリーがある場合は、テーマオプションから非表示設定に出来ます。

A.下記の方法でご対応ください。

TCDテーマ > 基本設定の「カスタムCSS」に入力してください。

@media screen and (min-width: 951px) {
  .cb_service_category_list_carousel .item {
    width: calc( (var(--vw) * 100 - 200px) / 4 - 3px) !important; }
  .swiper-nav-button {
    display: none; }
}

 
補足）
5つ以上のサービスカテゴリーを横並びで表示させますと横幅が狭くなり、デザイン的に窮屈に見えてしまうことが考えられます。
このカスタマイズは4つのサービスカテゴリーを表示させたいときにお使い頂くのがいいかもしれません。