How to remove "Skip to product Info" Savor Theme

[furzino]

Hi .

I cant remove “Skip from product info” in my website when i open my collections or product page for example.

"‘Skip to results’ also appeared at the top, but I managed to remove it in theme.liquid by deleting a line in the , which worked.
However, I can’t remove this ‘Skip to product info’ no matter what—I’ve searched everywhere, even asked ChatGPT, and still can’t remove it.
If I go to edit the theme and search for ‘Skip to content’ or ‘Skip to product info’ to remove those lines, the ‘text background’ still appears as if something is still there.

I’ll leave a photo so you can see."
The theme im using is " Savor "

[tim_1]

Usually themes have some CSS code and relevant classes assigned to these links so that they are not visible unless you’re navigating with keyboard.

This is done for handicapped people so that they do not have to tab over all menu items to get to the page content.

Say, for Dawn it looks like this:

      {{ 'accessibility.skip_to_text' | t }}
    

and relevant CSS – class visually-hidden completely hides this button (there is another rule to show it if you’ve tabbed to this button with keyboard)

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

If you do see them while using your mouse only this usually means that either you’ve removed those classes or your stylesheet is broken.

Hard to tell without actually seeing your site – share a link (and preview password if one is set)

[furzino]

This only appears when I open the website on a mobile phone. It doesn’t show up on PC, even when using Chrome Developer Tools in mobile view. It only shows up when I actually access the site from a real mobile device.

The website is: www.furzino.com

[tim_1]

Only brave people use theme version 1.0.1

I expect a lot of updates for these new Shopify free themes.

Editing theme code makes these updates very difficult.

So I strongly advise against editing theme code – you can do a lot with “Custom CSS” settings and “Custom liquid” sections.

To fix your problem I’d undo your edits to stylesheet files and add the following to the “Custom CSS” setting under “Theme settings”

.skip-to-content-link {
  clip-path: inset(100% 100%);
  z-index: -1;
}

[DaisyVo]

Hi @furzino

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.skip-to-content-link {
display: none !important;
}

Result

Best,

DaisyVo