7.1 How can I superscript a character in Site Title/Headings. How Can I center caption on mobile view.

Site URL: https://semicircle-accordion-gc7j.squarespace.com/

Hi there, I'm working on this site for a client and am having trouble with two pesky details. The brand uses ® in their name, and I'm having trouble superscripting this character in places where the website formats titles and headings with H1, H2, or H3. You'll see in the site title and headings the ® character is the same size as the rest of the name. Any ideas?

Second detail, on the home page we have a carousel of images with captions displayed below. On mobile view the captions are aligned left and are not in full view. Any Css that can target this in mobile view specifically?

Any help is much appreciated!

Hi @patricknorris Did you ever find out how to superscript the ® symbol?

8 hours ago, erinsydd said:

Did you ever find out how to superscript the ® symbol?

The solution will depend on whether you want to add it to the page content or the site title as the original poster did. There's a thread about superscript linked below, but if you want to add it to the site title you'll need to be on a Business Plan (or higher) and use JavaScript. The specific code will depend on your website, so you'd need to provide more details. 

Thanks @paul2009, I'm trying to change all ® symbols to superscript globally across the site. Ideally CSS if possible? I had some custom javascript in place but it was messing up the images on the pages... Any advice much appreciated!

11 minutes ago, erinsydd said:

I'm trying to change all ® symbols to superscript globally across the site. Ideally CSS if possible?

You will not be able to achieve this with CSS but, with a few exceptions like the checkout, it can be done with  JavaScript. To help with this, we will need more information as explained in the link.