В дополнительный css нужно вставить
.mega_menu_top, .amazon_menu_top .level_1{
columns: auto !important;
}
.mega_menu_top > li, .amazon_menu_top .level_1 > li {
display: inline-block;
vertical-align: top;
}
@for $i from 1 through 5 {
.mega_menu_top.columns_#{$i} > li, .amazon_menu_top.columns_#{$i} .level_1 > li{
$length: 100%/$i;
width: $length;
}
}
@for $i from 1 through 5 {
.mega_menu_top.columns_#{$i} > li{
&:nth-child(-n+4):after{
border-left: 1px solid transparentize($color_border_grey,0.5);
content: "";
display: block;
height: 4000px;
position: absolute;
right: 0;
top: 0;
}
&:nth-child(#{$i}n+#{1+$i}):before {
border-bottom: 1px solid transparentize($color_border_grey,0.5);
content: "";
display: block;
left: 0;
position: absolute;
top: -1px;
width: 4000px;
}
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.mega_menu_top > li, .amazon_menu_top .level_1 > li{
width: 50% !important;
}
}