MakeShop CSS カスタマイズ 「ランキング」項目を3列表示

MakeShop CSS カスタマイズ

■問題
スマホ　独自デザイン【シンプルモダン】使用時に、トップページの「ランキング」項目が3列にならず、２列表示になってしまう。
「新商品」や「おすすめ商品」は問題なくフロートされて、３列で表示されている。

■解決
スマホ用の「共通CSS」の下記を変更

変更後：width:30%;
変更前：width:31%;


/***************************************

#list_item li,
.item li,
.rankingList li{
    display:inline-block;
    vertical-align:top;
    width:30%;
    margin-left:2%;
    font-size:12px;
    margin-bottom:15px;
    text-align:left;
letter-spacing:normal;
}

/***************************************