Service Mark on Android

Support
#1

About halfway down our homepage (4inno.com) I am using the html for service mark (℠).

It appears fine on web browsers and on my iphone, but the service mark won’t render on chrome on an android phone, a tall vertical box appears in its place.

Any suggestions on how to fix this?

#2

Hi Megan,

Thanks for reaching out.

Yes, I can see that that. Could you try adding it the way way it’s added here https://www.toptal.com/designers/htmlarrows/symbols/service-mark/? It works on my Android phone.

Thanks!

#3

I tried that yesterday and it didn’t seem to be working.

I put it in one of them and still doesn’t work. Any other ideas?

#4

Hey Megan,

Try this, In your content, add the following HTML markup where you want to display the SM sign:

<i class="sm"></i>

Then add the following CSS code in the Theme Options > CSS:

.sm:before {
    content: "\2120";
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#6

Hello Megan,

I have checked your page in my Android phone and it appears as square too.
Please use the HEX code or the HTML code:

Please let us know how it goes.

#8

Hello There,

Please make sure that you have inserted a valid and correct code. I have checked your page and it seems that in some parts of the page contents, there are some broken html tags added particularly unclosed p tags. This might also affect the rendering of the elements.

For example:

<p class="man">For many companies, the last time they launched an organically developed, major new growth platform may date back close to their founding.  The success of operating at scale inhibits innovative growth internally and often leads companies to pay a premium and acquire their next growth platform; a risky venture in itself.</p>
</p>
<p>We imbed with our clients to help them innovate outside of their core with methods that mitigate risk.  We deliver transformational new product platforms that drive major, top-line growth.</p>

An orphaned </p> tag is added.

Please let us know how it goes.

#9

I just looked in the code and in the Inspector and all the paragraphs are closed with < / p> tag.

I tested if I put a trademark instead of service mark after a heading it shows up. Just the service mark is not working?!?

#10

Hi Megan,

To assist you better with this, would you mind providing us your wordpress admin login in Secure Note

Thanks

#11

I added my username and password.

#12

Hi Megan,

To fix this, please change the service codes with <sup>SM</sup> Then add the code below in Theme Options > CSS

.our-solutions sup {
   color:#000;
   font-size:10px;
  font-family: "Prata",serif;
  font-weight:bold;
}

Hope that helps

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.