Mega Menu editing

I want to use first paragraph of mega menu not as Bold text.i want to use like other menu items (not bold) because i don’t need header text for mega menu.How can i do this?
Thanks

Hi,

Please, provide us a screenshot and the link where we can see this problem for better understanding.

Regards

i want to use header texts marked with arrows like other submenu items not as header menu item

Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .sub-menu-dropdown .mega-menu-list > li > a {
	font-weight: 400 !important;
	font-family: lato;
}

body.menu-style-default .menu-mega-dropdown .sub-menu>li>a {
	color: #777;
}

Regards

how can i change uppercase to lovercase?Because it shows as uppercase

Try this code also

body .sub-menu-dropdown .mega-menu-list > li > a {
	text-transform: none;
}

awesome guys.Resolved.And one more question.I want to background of this mega menu set to dark.How can i change this?

i have alrady changed from Settings/Header/Style&Colors Header dropdowns dark ON.But still light background color.Nothing changed.

You can set different color scheme for each mega menu dropdown item in Appearance -> Menus. Be sure that you have set an appropriate color scheme for this dropdown.

oke artem thanks man.Resolved 🙂

i found one more issue.on the picture as you can see first headers on the menu marked as selected(white color)
How can i resolve this?

Add this code snippet

.sub-menu-dropdown .mega-menu-list>li>a {
        color: rgba(255,255,255,0.6)!important;
}

.sub-menu-dropdown .mega-menu-list>li>a:hover,
.sub-menu-dropdown .mega-menu-list>li>a:focus {
        color: white!important;
}

Thanks

[Author]

Posts