The banner link in the header is not working properly

I noticed that new buttons have appeared in the preheader (banner) on some devices.

I saw your theme patch notes and found the addition of these buttons.

ADDED: “Skip to Main Content” and “Skip to Navigation” buttons for improved accessibility. (Screenshot)

However, this code slightly disrupts the interaction logic, as in our case, the banner contains important information and should be clickable (a link to a page with additional information). However, we can’t click on the banner, even though the buttons themselves work fine; they lead to the main content of the site (the navigation button doesn’t work, even though navigation is present).

I could remove everything using JavaScript, but is that really the right solution?

It seems the problem isn’t entirely with these buttons, as there’s no issue in private browsing mode on a phone.

I cleared the cache in the plugin across the entire site, but outside of private tabs, in regular browsing mode, my clients aren’t seeing the changes. We use LiteSpeed ​​Cache on our WordPress site. What do you recommend?

Hi,

These buttons are intended for keyboard-only site navigation when pressing the TAB key and should not be visible to other users. If you see them, it means that for some reason, the styles responsible for hiding them by default are missing. This could be related to plugin or browser cache issues.

We have checked your site and do not see these buttons on either desktop or mobile devices: https://monosnap.ai/file/2vh5DBdmED789IqV4B3gpn949pgmoe.

If you only see them when you are logged in, please provide us with admin access in the private section so we can investigate the issue from your perspective.

Kind Regards

[Author]

Posts