Jump to content

Oval shape appearing on header when I scale my website

Recommended Posts

Posted

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. 

 

Screenshot 2024-10-09 at 9.17.20 AM.png

Screenshot 2024-10-09 at 9.17.35 AM.png

  • Replies 1
  • Views 415
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted
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.

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.