Delete underline from utility bar

Topic summary

A user seeks to remove underlines from links in their store’s utility bar while using the Lorenzo theme.

Proposed Solution:

  • One responder suggests adding custom CSS to the theme.css file targeting utility bar link elements with background: none !important; and related selectors.

Current Status:

  • The original poster reports the CSS solution did not work for their specific case.
  • The responder indicates they need the actual store URL and additional context to provide a working solution, as the code should work on the Lorenzo theme but may require adjustments based on the specific implementation.
  • Another community member also requests the store URL to offer tailored assistance.

Resolution: Unresolved - awaiting store details to diagnose why the standard CSS approach failed.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Is there a way to get rid of the underline from the links in the utility bar?

Using Lorenzo theme

Hello,

You can get rid of the underline by adding the below custom CSS, at the end of your theme.css file:

a.utility-bar__link.color-inherit:after, a.utility-bar__link.color-inherit:before {
  background: none !important;
}

Cheers!

Hi @Nadine10

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

Hi there,

Thank you, this isn’t working. Would you have another solution? Additional code?

Sorry, I can’t further assist without knowing more information. The code that I’ve provided is working on the theme that you’ve indicated, but without knowing the website I can’t have an exact answer.