UNIVERSE
解決済み

中カテゴリーの表示について

Rinda

お世話になっております。
中カテゴリーの項目が多すぎて画面いっぱい下まで表示しきれません。
中カテゴリーのフォント、枠サイズ変更及び二列表示にすることは可能でしょうか。
変更方法を教えていただけたら幸いです。
 
参考に自サイトを貼っておきます。
https://formosatech.theshop.jp/
よろしくお願いいたします。

  1. Rinda

    おかげさまで解決しました。
    迅速な対応ありがとうございます!!

回答が 1件あります

baseadmin

サイト拝見しました、中カテゴリーがメーカーということで確かに多いですね。

表示の調整は、テーマ設定の一番下にある「【上級者向け】独自スタイルシート」が利用できます。

■中カテゴリーリストのフォントサイズと余白

.menu-container .menu>ul>li>ul.normal-sub>li a {
    padding: 10px 10px;
    font-size: 0.8em;
   }

数値はCSSの参考書などをもとに、自由に調整してください。

ただこの場合はそれだけでも収まらないと思うので、次のような方法も合わせると良いかもしれません。

A. 中カテゴリーリストの幅を制限して回り込ませる(幅を縮めるので長いメーカー名称は切れます)

.menu-container .menu>ul>li>ul.normal-sub>li {
	display: inline-block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
   }

B. 中カテゴリーリストをスクロール式に

.menu-container .menu>ul>li>ul.normal-sub {
height: 400px;
overflow: scroll;
}

AとBは併用するのではなく、どちらかになると思います。

どちらも、サイトをパッと見ただけという状態での調整です。
もしかしたらマイナーな問題があるかもしれません。ただこの場所でそこまで詰めるのは難しいので、あくまで参考としていただければと思います。
「こうしたい」という具体的な目標と、多少のCSSのノウハウがあれば、上記のコードからの微調整でより最適化はできると思います。

どうぞよろしくお願いします。

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ