CSS to customize Beaver Builder Mega Menu with columns as sub pages, images and intro text

Beaver Builder Mega Menu Integration CSS Example

/* This code hides the column headers when they are a sub-menu item */
.fl-menu .sub-menu .fl-has-submenu-container {
	display:none;
}

/* This code styles the images and intro text in the mega menu */
.menu-image a {
	visibility: hidden;
	margin-top: -20px!important;
}

.menu-image img {
	visibility: visible;
}

.menu-intro, .menu-intro a {
	color: #8BBF57!important;
	font-family: 'Abhaya Libre', serif;
	text-transform: none;	
	font-weight: 700;
	font-size: 1.2em;
	margin-left: -80px;
}

.menu-intro .menu-item-description, .menu-intro2 .menu-item-description {
	color: #4D5C62;
	margin-top: 10px;
	font-weight: normal;
	font-family: 'Fira Sans', sans-serif;
	line-height: 1.5;
	font-size: .7em!important;
	margin-right: 20px;
}

.menu-intro2, .menu-intro2 a {
	color: #8BBF57!important;
	font-family: 'Abhaya Libre', serif;
	text-transform: none;	
	font-weight: 700;
	font-size: 1.2em;
	margin-left: -120px;
}