Help! H1, h2, h3 headings do NOT appear on iPhone mobile website (iPhone 11 - to latest model)

[SUNSEASOL]

Please can someone help me asap, I am even happy to pay a small fee. As really need to get this sorted.

Headings (h1,h2,h3) do not appear on iPhone devices ranging from iPhone 11 - iPhone 15 Pro Max. They flash once and then disappear forever.

They display perfectly fine on iPad and Desktop and earlier iPhone models. Please can someone resolve asap? It makes my website look incomplete and unprofessional.

I have circled in yellow - where they should appear.

Using broadcast theme.

Website: https://madsunsea.myshopify.com/

[BSSCommerce-HDL]

Hi @SUNSEASOL ,
I checked your site and i see it worked

If you need any assistance, please let us know. Thank you

[SUNSEASOL]

hey, what iPhone model are you on? I have iPhone 13 Pro max and it doesn’t work. Many thanks, Mads

[tim_1]

I also can see your fonts on both Simulator IOS 15.4 and my iPhone SE 2020 IOS 17.4.1. Safari. Here is the actual shot of my screen

The only thing I am not quite happy about is

h2 {font-family: mark my words !important;}

As I already said, I’d prefer it to be like

h2 {font-family: "Mark My Words" !important;}

What’s your IOS/browser?

[SUNSEASOL]

Hey Tim! Thanks, can you screenshot where that code appears? As i cannot see it in my coding without the quotations! Many thanks

[tim_1]

These are in your Custom CSS settings, I believe.

You have a lot of similarly looking codes in different places – better to keep it in one place and avoid duplication

Line 2887 – opens style tag

Line: 2889 – nested style tag – invalid HTML

Line 2892 – everything after is technically invalid HTML

Line 2890 – defines font-face Mark My Words. Also contains h2 {font-family: mark my words !important;}

Line 2893 – defines font-face “Mark My Words” – duplicate definition.

Line 2908 – another rule for h2 font-family.

2906-2909 – triple nested style tag – invalid HTML.