learn.wordpress.org top leave menu hover issue

[praful2111]

Learn WordPress has a text-decoration issue on the top header menu part.

screenshot : ​https://prnt.sc/jT7cjX7fK0e8

[praful2111]

CSS to fix this issue.

.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active, .wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
    text-decoration: none;
}

[dd32]

It looks like this is coming from the ​Learn theme, which is overriding a:hover.

But also it's coming from Gutenberg, because it's menu seems to only remove text-underline on a rather than also adding the a:hover/etc variants. I think this needs to be filed upstream with Gutenberg as well.

We also have a handful of styles in the Header CSS that we could add this to, ​https://github.com/WordPress/wporg-mu-plugins/labels/Header%20%26%20Footer

[praful2111]

@dd32 As I check other sites have below CSS to remove the top menu text decoration.

.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active, .wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
    text-decoration: none;
}

So I hope above code will fix issue for learn site.

[ryelle]

This was also reported at ​https://github.com/WordPress/wporg-mu-plugins/issues/206, closing in favor of that issue.