How can I make the TM symbol smaller in my header?

Topic summary

Main issue: The TM (trademark) symbol after a brand name in a header appears too large and intrusive; the goal is to reduce the TM size while keeping the rest of the header text large.

Progress and context:

  • A helper asked for the store URL; the owner shared “freshairflort. com.” A screenshot was posted to confirm the exact heading, and the owner confirmed it.
  • Additional users reported the same problem, including a request to make the “®” symbol smaller and not bold, and asked for a step-by-step fix or code.

Assets: Screenshots were shared to show the header and how the TM/® currently render; these visuals are central to understanding the issue.

Status: No solution or code has been provided yet. The thread remains open, with users awaiting specific guidance (likely a CSS-based adjustment) to reduce the TM/® size and weight without affecting the main header text.

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

I’m using a TM (trademark) symbol after a brand name in a heading, and although the TM is smaller than the rest of the text, it’s still very large and intrusive. Any suggestions on how to make the TM smaller but keep the rest of the header text large?

Hi @codeandcontent

Could you share your store’s URL so we can provide the solution?

Thank you.

I assume this is the heading in question?

Correct.

Hello! We are having the same issue. Can you walk me through how to fix it? Thank you!

Me too. Is there code to make “®” smaller and not bold?

1 Like