Mermaid Diagrams Plugin doesn't work

[johndo100]

I'm using this theme for my website now and it's good. There is problem with Mermaid Diagrams Plugin, it doesn't render my mermaid codes. I tried disable minification as they said but it didn't work. Maybe something with jQuery library I'm not sure because I'm not good at HTML/CSS/JS. Please help!

[artofthesmart]

Can you provide a link of it not working? Did you enable js and css on pages you want it to appear?

[johndo100]

Can you provide a link of it not working? Did you enable js and css on pages you want it to appear?

this link.

the mermaid code

[mermaid]
flowchart TD
    A["3G/4G/5G MNOs"] <-->|"GSM 📡 VoLTE"| B([vm1
    VoIP GSM
    Gateway])
    B <-->|SIP/IAX2| C([vm0
    Asterisk
    PBX])
    C <-->|SIP| D[💻 Computer]
    C <-->|SIP| E[📱 Mobile phone]
    C <-->|SIP| F[☎️ VoIP phone]
[/mermaid]

and I want it render like this

flowchart TD
    A["3G/4G/5G MNOs"] <-->|"GSM 📡 VoLTE"| B([vm1
    VoIP GSM
    Gateway])
    B <-->|SIP/IAX2| C([vm0
    Asterisk
    PBX])
    C <-->|SIP| D[💻 Computer]
    C <-->|SIP| E[📱 Mobile phone]
    C <-->|SIP| F[☎️ VoIP phone]

You means Allow Global CSS and Allow Global JS in Theme Setting?

[artofthesmart]

currently mobile, so I’ll have a look at that link a little later.

you can either enable it in the global settings, and that will make it available all over your site. Or you can enable it per page in the hypertext tab and then it will only work in that one page.