Mega Menu L2 bold is being overwritten

[kimberlyoleiro]

Small regression to #2644

Noticed a small regression in dawn/main for mega menu L2 styling - the bold is being overwritten by another css class

[lougoncharenko]

After investigating, the css behavior is to be expected. Because the shop all link being inspected above doesn't have any children(any level 3 links associated with it), the liquid code in the file assigns it to have a normal font weight. TO change the css on this class from normal to bold

Current:
.mega-menu__list--condensed .mega-menu__link {
font-weight: normal;
}

Change
.mega-menu__list--condensed .mega-menu__link {
font-weight: bold;
}
If we change it to font-weight bold, we get the following effect (see image below) where all the level 2 links are bold regardless of having any children or not.

When I gave the shop all link some level 3 links (tote bags and shoulder bags), it bolded as expected (see images below)

TLDR: The behavior you're seeing on the demo store isn't a regression but typical behavior when the menu only has one level of links (only l2 and no l3) whereas the bolding occurs if the l2 has l3 links associated with it. To change the behavior would mean to change all of l2 links to be bold regardless if they have any l3 links.

[kimberlyoleiro]

Oh, I see now! My brain registered Tote Bags and Shoulder Bags as nested below shop all. I'll close this