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.

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!