Removing underline link from Announcement

[ricky24]

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

[StephensWorld]

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

[BSSCommerce-B2B]

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!