Archived topic
Skip to content
3 replies · Started by Richard on February 25, 2019
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
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 :)
Perfect, thanks Tom!
You're welcome :)