Visibility of the skip-link (to content) when focused

[Kirmo]

Hi, having some difficulties to show ”screen-reader-text > skip-link” when focused.
i like the feature it is now appearing (position relative) but colors in css seem to not affect the link itself. i think it would be usefull to show for keyboard users for example.

(and thanks for the beautifull and very accessible theme.)

[Tom]

Hi there,

It looks like the screen-reader-text CSS that Jetpack is introducing is conflicting with ours.

Try adding this:

a.screen-reader-text.skip-link:focus {
    position: relative !important;
    margin: 0 !important;
    clip-path: inherit;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kirmo]

Hi, and thanks! now it’s working just like it should.

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts