How can I remove 'menu' text from my navigation list using customization code?

Topic summary

Goal: Remove the word “Menu” from a site’s navigation label via customization (CSS or settings).

  • Proposed approach: Use the Online store > Navigation > Main menu settings to remove the label/text from the menu.

  • Limitation: The interface does not allow leaving the menu title blank, so the label cannot be removed directly via settings.

  • Workaround implemented: Match the menu text color to the background color so the word “Menu” becomes visually hidden. This is effectively a CSS styling solution rather than a structural removal.

  • Outcome: A visual-only fix is in place; the label remains in the markup but is not visible to users.

  • Status: Partially resolved with a workaround; no clean setting-based removal was identified.

Notes: Screenshots were shared to illustrate the current menu and settings, but no code snippets were provided.

Summarized with AI on January 10. AI used: gpt-5.

hi

I would like to remove the word “menu” from my navigation menu list:

any idea on how to do with customisation code?

You can try to go to your Online store > Navigation > Main menu check and remove that menu or that text from a menu

thanks - actually you cant leave the text menu blank.

I found a solution by using the same font color as background color so it is “hidden”

1 Like