Mega Menu editing

This topic has 13 replies, 3 voices, and was last updated 6 years, 9 months ago by eyupdmg.

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
February 3, 2018 at 8:55 am #37141

eyupdmg
Participant

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

February 3, 2018 at 9:02 am #37144

Artem Temos
Keymaster

Hi,

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

Regards

February 3, 2018 at 12:11 pm #37182

eyupdmg
Participant

February 3, 2018 at 12:14 pm #37183

eyupdmg
Participant

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

February 3, 2018 at 12:41 pm #37187
Bogdan Donovan
Keymaster
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
February 3, 2018 at 1:01 pm #37189

eyupdmg
Participant

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

February 3, 2018 at 1:15 pm #37196
Artem Temos
Keymaster
Try this code also
```
body .sub-menu-dropdown .mega-menu-list > li > a {
	text-transform: none;
}
```
February 3, 2018 at 1:24 pm #37197

eyupdmg
Participant

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

February 3, 2018 at 1:28 pm #37198

eyupdmg
Participant

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

February 3, 2018 at 2:00 pm #37203

Artem Temos
Keymaster

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.

February 3, 2018 at 2:05 pm #37204

eyupdmg
Participant

oke artem thanks man.Resolved 🙂

February 3, 2018 at 2:18 pm #37206

eyupdmg
Participant

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?

February 3, 2018 at 3:39 pm #37222
Artem Temos
Keymaster
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;
}
```
February 3, 2018 at 4:14 pm #37241

eyupdmg
Participant

Thanks
Author

Posts