How to Edit Text of Main-Menu/Header Objects

Store Design
, , , ,

Topic summary

Goal: edit main-menu category titles in a Shopify theme to prepend icons; adding … renders as plain text, not icons.

Update: initial claim of using Dawn was corrected—store is on Refresh 11 (Shopify theme).

Context: header site navigation uses a menu list named “main-menu”; only other list is “footer.” Titles currently appear as simple HTML text, but attempts to include icon markup show as literal text.

Obstacle: cannot locate where the main-menu data or its CSS/markup is defined in the code editor—no “sitenav” asset found, and theme.liquid does not reference the menu entries. The requester seeks the file or method to edit the actual main-menu CSS.

Terminology: Dawn and Refresh 11 are Shopify themes; “main-menu” is the header navigation menu list.

Status: another participant reports the same need; no solutions or action items yet. Open questions: where to edit main-menu CSS/HTML in Refresh 11, and how to correctly add icons to menu item titles.

Summarized with AI on January 15. AI used: gpt-5.
1

Hello,

We are currently using the most recent version of the Dawn Theme, and would like to edit our Main-Menu categories using CSS.

Specifically, we want to edit the titles of each category (the main link that appears before the menu is expanded) to add Icons to the beginning of each word.

Our header site navigation is set up to display a menu list called main-menu, the only other menu list we have is called footer.

Currently, the titles are simple text in HTML, and the typical code that we use to add an icon ( … ) appears as plain text with no icon.

2

I apologize, I was wrong. We are on Refresh 11, we are not using Dawn.

Notably, I cannot find the data for our main-menu anywhere in the code editor. We don’t have a sitenav asset, and the theme.liquid file does not list any of the entities/titles loaded into our menu.

Essentially, I cannot find where to edit the actual CSS of our main-menu

3

I have a similar question