Makes mega menu sub menus flow freely in columns

flexible-mega-menu-storefront-pro.css

#site-navigation .primary-navigation li.mega-menu>ul>li {
	width: 100% !important;
}

#site-navigation .primary-navigation li.mega-menu:hover>ul.sub-menu {
	column-count: 4; /* Set desired number of columns */
	padding-top: 1em; /* Optional padding */
	padding-bottom: 1em; /* Optional padding */
}

#site-navigation .primary-navigation li.mega-menu>ul>li>a {
    color: #e59; /*Set color of choice for categories*/
}

#site-navigation .primary-navigation li.mega-menu>ul>li>a:after {
    padding: 0 !important;
    margin: 7px 0 -8px;
    height: 0;
    box-sizing: border-box;
    display: none !important; /* Hide line below categories, remove this to show */
}

#site-navigation .primary-navigation li.mega-menu>ul>li:hover>a {
	background: none
}

#site-navigation .primary-navigation li.mega-menu>ul>li:hover>a:after {
    display:block !important; /* Hide line */
}

#site-navigation .primary-navigation li.mega-menu>ul>li a {
    display: inline-block;
    width: 100%
}