How can I remove the “underline” from the announcement bar.
Looks like you already figured this out, as it’s not showing on my end.
If you’re still seeing the issue on your end, then it’s likely a browser-specific issue. I’m using the latest version of Google Chrome.
You can try adding the following CSS to your announcement bar’s “Custom CSS” section:
p, a { text-decoration: none; }
Hi @ricky24
I have reviewed your requirement on mobile, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file base.css or equivement. And add this code snippet to the end of the file.
.announcement-bar__text a {
text-decoration: none !important;
}
Step 3: Save and reload page in store front.
The result was resolved your requirement: “Removing underline link from Announcement”:
I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.
Have a nice day sir!