Caylee29 Posted October 9 Posted October 9 Howdy, My website has a small oval showing up on the header on the top left corner. It only appears sometimes, and I can't delete it. It appears when I scale my browser to different sizes. Can someone help? Thanks! I really want to get it off of there.
paul2009 Posted October 9 Posted October 9 34 minutes ago, Caylee29 said: My website has a small oval showing up on the header on the top left corner. It appears when I scale my browser to different sizes. This is the "Skip to content" link, an important accessibility feature for users who rely on screen readers or keyboard navigation. This button is normally hidden but it allows these users to bypass repetitive elements, like navigation menus or headers, and jump directly to the main content of a webpage. It should only become visible when focused using a keyboard (e.g., by pressing the "Tab" key). At other times, it is pushed -1000em to the left, which should be out of view. However, at certain zoom levels, if you have a wider browser width, the button may be visible. This shouldn't be an issue in normal circumstances but you should be able prevent it by adding some Custom CSS, something like this: .header .header-skip-link { left: -5000px; } Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment