Removing underline link from Announcement

12 0 2

Screenshot 2024-05-13 at 11.20.28 AM.png

How can I remove the "underline" from the announcement bar.

Replies 2 (2)

Shopify Expert
1377 168 344

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; }


★ Did my post help? If yes, then please like and accept solution. ★

Shopify Expert
149 26 15

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

view (25).png

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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development