Changing header icons into Text

Topic summary

A user requested help converting header icons (search, account, cart) to text labels in the Dawn theme, while maintaining proper spacing. They also wanted the cart item count to appear on the right side.

Solution Provided:

  • Custom CSS code was shared to hide the SVG icons and replace them with text labels (“Search”, “Login”, “Cart”)
  • The code uses ::after pseudo-elements to add text content
  • Implementation involves adding the CSS to the assets/base.css file

Additional Request:
The user asked if icons could revert back to their original form on mobile view, but this question remained unanswered.

Status: The main issue was resolved successfully with the provided CSS solution, though the mobile-specific behavior was not addressed.

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

Hello @LDLC_Shop

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?