カラーミーショップ　ドロップダウンメニューにつきまして。

Question

お世話になります。
先日掲題の件で質問させて頂き、PCページの表示が改善されたのですが、
スマホでメニューを開いた際に２列の表示となり画面が左右にブレてしまいます。

PCページのメニューでは複数列、スマホページのメニューでは１列に表示させることは
できないでしょうか。

下記に修正前と修正後のソースを貼り付けておきます。
よろしくお願い致します。


【修正前】





BRAND













【修正後】
 
        
        
        
          
            BRAND
          
          
            
              
              
                
              
              
            
          
        ###HR######IMG082c8570862941338f50af6cd2d06125a.pngIMG0### ###IMG178b7df767349a8536a7eda028dde4fe0.jpegIMG1###

Accepted Answer

ECマスターズの田中です。

失礼しました、
前回の方法では、PC/スマホ、共に横幅が固定されてしまいますので、

修正前の状態に戻していただいた上で、
下記styleタグを追記していただきますようお願いします。


body .l-dropdown-menu {
  width: 485px;
}
.l-dropdown-menu-list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 1030px) {
  body .l-dropdown-menu-list {
    width: auto;
  }
  .l-dropdown-menu-list__item {
    flex: 50% 0 0;
  }
}

Answer

ECマスターズの田中です。

状況を確認の上改めてご案内いたしますので、
今しばらくお待ちいただきますようお願いいたします。

カラーミーショップ ドロップダウンメニューにつきまして。

カラーミーショップ　ドロップダウンメニューにつきまして。