Absolute hyperlink is performing relative

Question

There’s an image on my website of the Patreon logo that I want to open up to my Patreon if clicked on. The link is coded as an absolute link but opens up relative.

For example:

Starting site: https://buttertoast.com

Intended site: https://patreon.com/buttertoast

Unwanted result: https://buttertoast.com/patreon.com/buttertoast

<a href="https://patreon.com/buttertoast">
  <img src="images/Digital-Patreon-Wordmark_White.png" alt="alt" class="u-image u-image-default u-image-1" data-image-width="2430" data-image-height="495">
</a>

As seen above the href link to my understanding is correct, don't understand why it would opening as relative instead of jumping to the intended absolute location.

Answer 1

You should write data-href="http://patreon.com/skywayrecordsllc" instead data-href="patreon.com/skywayrecordsllc"