Change Tab Name

Shopify Discussion

Topic summary

A user wanted to remove the hyphen separator from their browser tab titles, keeping only the vertical line between the page name and store name.

Solution Provided:

  • The separator is defined in the theme’s liquid code as – (a narrow dash character)
  • For Dawn theme: Located in layout/theme.liquid around line 22
  • For Heritage theme: Found in snippets/meta-tags.liquid

Resolution:
The issue was successfully resolved by editing the appropriate theme file to change or remove the – character. The original poster confirmed the fix worked as intended.

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

I would like to remove the hyphen ‘-’ from the page titles, and just have the vertical line.

I can see how to change the store name appearing there, and change the page name, but I can’t find anywhere to change the hyphen.

Screenshot 2025-04-17 at 16.43.30.png
Screenshot 2025-04-17 at 16.43.30.png496×108 3.15 KB

1 Like
2

Hello @seandrx

Please share your store URL and password (if it’s password-protected),
so that I can check and provide you with the exact solution.

3

Somewhere here – https://github.com/Shopify/dawn/blob/main/layout/theme.liquid#L22

– is a “narrow dash”

4

Hi, here is my URL: www.cerafusa.co.uk, password is Testing123

Thanks

5

Oh wow thank you, that fixed it exactly as I wanted! Thank you!

1 Like
6

Hello Tim. Can you please tell me the solution for heritage theme ? The above solution seems to only work for dawn

7

The code is the same, it’s now in snippets/meta-tags.liquid:
8

Thank you so much @tim_1