Anchor links not working on mobile from html code in a embed

[Rally1]

I am "writing" a page in html and css from the "embed" section.

I have a number of anchor links. They all work fine on a PC but not on mobile.

The Code from html page is

href="https://rallystages.weebly.com/SS5.html">

href="https://rallystages.weebly.com/SS5.html#fin5">

The first line goes to the top of the page and the second line goes to half way down the page.

I have tried

<a name="fin5">

<a id="fin5">

I have also tried

href="https://rallystages.weebly.com/SS5.html/#fin5">

The whole mobile code is

<div class="mobileinfo" >
<a href="https://rallystages.weebly.com/day-1.html" class="button">Back to Map Page</a>
<p>&nbsp;</p>
<h2>Hawkes Bay 2020 <br>SS10 Start Line </h2>
<img src="/files/theme/images/HB-SS5-Start.jpg"class="responsive">
<p>&nbsp;</p>
<hr class="line">
<a name="fin10"></a>
<h2> SS10 Finish Control</H2>

<img src="/files/theme/images/HB-SS5-Fin.jpg"class="responsive">
<p>&nbsp;</p>
</div>

Anybody got any more ideas that could work ?

Thanks

[BJ5 · Accepted solution]

In the code further down the page you want this in with the code:

<a name="fin5" id="fin5"></a>

Then at the top where you have your link to the code, put a link like this:

<a href="#fin5">Your Link Text</a>

[Rally1]

BJ

Thanks for that..it worked.

I had given up on finding a solution, so I made a seperate set of maps for mobile... heaps of work.

This Rally is 10 stages long but in October we will have a week long rally with 35 to 40 stages, so you saved me a lot of doubling up.

Thanks