How can I change the text color on a megamenu without affecting other aspects?

[Kreeveyates]

Hi, im trying to change the colour of the text within the megamenu. I have tried changing the colour through the CSS but it is changing other aspects on the header which do not need to be altered.

Pic for reference.

Site link: Ashbrook Roofing Supplies LTD (ashbrook-test-site.myshopify.com)

password: yeothu

Thanks

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

a.navmenu-link.navmenu-link-depth-1 {
    color: #fff;
}
summary.navmenu-link.navmenu-link-depth-1.navmenu-link-parent {
    color: #fff;
}

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

a.navmenu-link.navmenu-link-depth-1 {
    color: #fff;
}
summary.navmenu-link.navmenu-link-depth-1.navmenu-link-parent {
    color: #fff;
}

[oscprofessional · Accepted solution]

@Kreeveyates 
Hello,
Add This CSS Go To Online Store > Select Theme > edit code > Assets > theme.css

.navmenu.navmenu-depth-1 li .navmenu-link-depth-1 {
	color: #fff !important;
}

Like This