The text “Skip to content” appears at the top of my webpage in desktop and mobile. (I made some changes to the code to add some features.) I would like to remove it. Where would I find it in the code? i.e. sections, snippets etc. or what is the easiest way of finding it? https://websiteelements.myshopify.com/
Hey @Smiley1311 ,
Welcome to the Shopify Community!
Would you mind removing your store password or sharing your password so we can take a look at your themes code and let you know where to locate the unwanted text?
Otherwise, if you’ve changed theme files and need to revert them, you can roll back .liquid files individually to a time and date before you made the changes.
Look forward to hearing from you!
You might have miss up the script. You can find the code in the theme.liquid under the Layout folder. look for “skip-to-content-link”. It should be visually hidden to make it position absolute
{{"accesibility.skip_to_text" | t }}
If the code is already visually-hidden, add the code below to add. Open the base.css under your Asset folder.
.gradient .skip-to-content-link {
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;
}
Hello!
i have same issue on the url : https://edkenlights.com/
The solution above is not clear enough. please specify exactly where to add the solution code.
Thank you very much for your help.
Hello!
i have same issue on the url : https://edkenlights.com/
The solution above is not clear enough. please specify exactly where to add the solution code.
Thank you very much for your help.
Hi @Edken ,
Please make a new thread. The solution does not apply to you
is there another solution? this didnt work for me
Hey @corynnsmith ,
Would you mind sharing your website URL so we can take a closer look?
Same issue here, cant seem to fix. Could someone help me out? https://print3dresins.com.au/?_ab=0&_fd=0&_sc=1