[Resolved] Skip to content

[Richard]

Hello! We are in the process (very early stages) of moving our site (380 pages) from an older theme to GPP/Elementor Pro. We are a small university, and need to be ADA 2.0 compliant (which GP apparently is – great news)

I am sure I will have a few questions along the way (one man show here!)
One issue I am having is that “Skip to content” doesn’t appear when tabbing through the website. I can see that the code is there, it’s just not appearing.

I built the header in Elementor, and in Appearance/Elements I hooked in the shortcode for the Elementor Template, setting it to hook “before_header_content. I also had to add some custom css:
.site-logo {
display: none;
}

I need to make sure that everything passes schema markup, which it appears it does (header, navigation still there)
https://search.google.com/structured-data/testing-tool#url=http%3A%2F%2Fgcu02.wpengine.com%2F

Please let me know what I could be missing.
Thanks!
Rich

[Tom]

Hi there,

It seems Elementor is keeping the link hidden even when it’s focused.

Try adding this CSS:

.screen-reader-text:focus {
    top: auto;
}

Let me know 🙂

[Richard]

Perfect, thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts