Set product or image in mega menu

[yangguole]

Hello I  want to create a mega menu with product or image , like this https://prntscr.com/nqjiwf ,  when I try with Max Mega Menu , it change totally the CSS,  does it possible to do?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Thank you for choose our theme.

Don’t worry about this, the mega menu plugin has option for you can change font, color to match theme’s style.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[yangguole]

Hello, how can I find my theme’s style to config this, I’m beginner, thanks.

[yangguole]

Hello, I’ve set like the default theme, but I’ve not the same font family, and the ‘sale’ ‘hot’ ‘new’ are disable now.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS to show badge for Mega Menu

.mega-menu-wrap ul li.mega-hot > a:before,
.mega-menu-wrap ul li.mega-sale > a:before,
.mega-menu-wrap ul li.mega-new > a:before {
	position: absolute !important;
	color: #fff !important;
	font-size: 9px !important;
	padding: 1px 7px 0 !important;
	border-radius: 50px;
	line-height: 16px !important;
	font-family: 'Poppins', sans-serif !important;
}
.mega-menu-wrap ul li.mega-hot > a:before,
.mega-menu-wrap ul li.mega-sale > a:before,
.mega-menu-wrap ul li.mega-new > a:before {
	right: -3px !important;
	top: 5px !important;
}
.mega-menu-wrap li.mega-hot > a:before {
	content: 'Hot';
	background: #ff3e11 !important;
}
.mega-menu-wrap li.mega-sale > a:before {
	content: 'Sale';
	background: #ffa800 !important;
}
.mega-menu-wrap li.mega-new > a:before {
	content: 'New';
	background: #01bad4 !important;
}

and change the text to your language.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts