Skip Link Appearing After Updating to 2.4.7

Hey,
Not sure why this popped up. I’ll look into it, but for now you can hide it with this css:

.kt-skip-link {
display: none;
}

Just paste that in your custom css box in theme options > advanced settings.

Hannah

Hannah,

I appreciate your prompt response.

I just returned to my computer and pasted the code you gave in the Advanced Setting of the Theme Options of both sites, and neither was successful. Still have the skip link appearing.

I was up until 2 am this morning looking through forums and searches with no other answers….other than the one response by Kadence that it was part of the theme but should be hidden by the CSS, and questioned the person who posted if they changed the CSS at all, but gave no solutions.

Unfortunately, you’ve tried to give a solution, but it hasn’t worked. I need to resolve this particularly for my client’s site ASAP! Any other thoughts?

Thanks,
Lily

I ran a diff between my local WP install’s stylesheet (on the left side) and your site’s stylesheet (on the right side): https://www.diffchecker.com/x03jjamv (warning, lots of code).

If you look at line 4595, you’re missing these two sections:

#kt-skip-link a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}
#kt-skip-link a:focus {
    position: static;
    width: auto;
    height: auto
}

Adding those lines into your custom CSS box as @hannah suggested should solve your issue. You’re also missing a lot of other code, so you might want to ask anyone else that you’ve been working with if they’ve been messing with the code.

Stephen, Thank you! GENIUS!! ?? I just installed the code on both my site and my client’s site, and the issue is resolved! AWESOME!

It is quite concerning that I am missing a lot of code! I am the only one, other than the host server support that has ever touched my site, to my knowledge.

Also strange that BOTH my site and my client’s site, which each use Virtue, got the same error with the skip link when I updated the Virtue theme.

I SO appreciate you taking the time to compare coding! That’s awesome. If you don’t mind and have a chance, would you please let me know what the other missing coding is responsible for?

I haven’t noticed any issues on the site, but after a long-running issue of ‘downtime’ with an error indicating it was the host server, they did quite a bit of looking around to fix the issue, which seems to also be resolved.

Kind of worrisome, since I have created over a handful of WP sites in the past year, most of them using Virtue.

Thank you so much for your time, help, solution, and alerting me to the other missing code!

Take care,
Lily

The other piece of missing code looks like it has to do with the menu. Do your menus work correctly? Make sure to check on a mobile phone and a tablet, too, if possible. You can check the link I posted earlier: https://www.diffchecker.com/x03jjamv In that link, anything on the left side outlined in red is code that’s missing from your version, and anything on the right side outlined in green is code that’s been added to your copy but not mine.

Virtue’s developer posts here fairly frequently (and hannah is also on their staff); they might know if something went goofy in the updating process.