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

Question

田中様

お世話になります。
度々恐れ入ります。

下記に頂いたソースで一応解決はしたのですが、３つあるドロップダウンメニューのうち
PC表示では１つだけ２列になり、残り２つは１列のままで良いのですが、そこを分けることは
出来ないでしょうか。

以前頂いたソースを添付致します。
よろしくお願い致します。###HR######IMG00f7297eda0ff781cf24b0ecbb6397040.pngIMG0###

Accepted Answer

ECマスターズの伊藤です。

> 下記に頂いたソースで一応解決はしたのですが、３つあるドロップダウンメニューのうち
> PC表示では１つだけ２列になり、残り２つは１列のままで良いのですが、そこを分けることは
> 出来ないでしょうか。

Classを別途付与することで可能となります。
下記ソースでご対応いただけると思いますので、
ご確認くださいませ。








body .l-dropdown-menu.menu_brand  {
width: 485px;
}
.menu_brand .l-dropdown-menu-list {
display: flex;
flex-wrap: wrap;
}

@media screen and (min-width: 1030px) {
body .menu_brand .l-dropdown-menu-list {
width: auto;
}
.menu_brand .l-dropdown-menu-list__item {
flex: 50% 0 0;
}
}




BRAND

















ITEM
















CONTENTS

Answer

ECマスターズの星です。

週明け担当よりご案内いたしますので
今しばらくお待ちください。
お待たせして申し訳ございませんが、
何卒よろしくお願いいたします。

Answer

ソースを添付しておきます。
よろしくお願い致します。


 



	
	
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;
}
}

	

BRAND











        
        
        
        
        
          
            ITEM
          
          
            
              
              
                
              
              
            
          
        
        
        
        
        
          
            CONTENTS

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

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