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

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

1 Like

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;
}

1 Like

@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

1 Like