Trademark (circle R) in Header Pro

Big White Duck
1

Hi… we use Header Pro (I am no pro) on our site. The H1 Header on our page should read LevGo® Products. with the registered trademark symbol as a small superscript. The same problem is present throughout Header Pro.

Should I use a different Header stack?

2

What is that Header Pro is not doing?

3

<h1>LevGo<sup>®</sup></h1>

LevGo®

3 Likes
4

Or use character entity encoding: LevGo&#174; Products.
This will look like this:

LevGo® Products

.

5

the html solution worked inside Header Pro. The character encoding did not.

6

Header pro was inserting the circle R at the same level and size of the other text, no super script

7

In Header Pro:

This is my headerPro<span class="superreg">&reg;</span>

In CSS (stack):

.superreg{  
  font-size: small;  
  vertical-align:super;  
}

Screenshot 2024-02-14 at 12.26.49

5 Likes
8

This is expected behaviour as Header Pro is just a Stacks header.

Technically, it is a plain text container (which is what Stacks headers use) and so will strip out styled text that you paste into it.

You will see that if you just paste LevGo® into a Paragraph Pro or any other stack that uses RW Styled text than you will see the superscript.

The correct solution as per the answers above from @Jannis and @Konfuzzious is to insert HTML into the header to control such things.

4 Likes