Adding "mailto" link to a social icon

[tobythesharpeagle]

I've added an envelope icon in the footer along with other social media icons (i.e., instagram, LinkedIn, Github, etc.). In the menu.toml file, I've added "mailto:<email address>" as the url, as shown below.

[[social]]
name = "Email"
pre = "<i class=\"fas fa-envelope fa-2x\"></i>"
url = "mailto:[email protected]"
weight = 10

When the site generates, a slash is added to the front of this url so it would create a "<website address>/mailto:<email address>" instead of just "mailto:<email address>". Hence, this would lead to a 404 page not found.

What do I need to edit and where so that the url generated for this email social icon is simply "mailto:<email address>"?

Thank you in advance!

[markdumay]

I created a test repo with the mailto link. I could not reproduce the error, however, I did find some code that might cause your issue. The file layouts/partial/footer/social.html renders the social links. I copied the file to the test repo. I suggest to remove the relLangURL instruction - this is not applicable to external URL's anyways.

Current code:

<a href="{{ .URL | relLangURL }}" [...]>
    {{ .Pre | safeHTML }}
</a>

New code:

<a href="{{ .URL }}" [...]>
    {{ .Pre | safeHTML }}
</a>

[tobythesharpeagle]

It was the post-processing of the URL. thank you!

[markdumay]

Great! I added the changes to the core library too, available in release v0.15.1.