H1 tag - Visible i at the top in mobile, but is under all content

So this is the dilemma we are having:
We used to have two H1-tags that were the same. Now we are having just one H1 tag since we saw no need of having two.

• On desktop, it looks great. H1 tag is in the top, both visible and in the code.
• On Mobile the H1 tag is in the top for the user, but after all content for the crawler.

What is the best solution to go with here? Keep the H1 at the end of the code or go with two H1 tags that are the same?

Thanks!

from Search Engine Optimization https://ift.tt/3nJWmuc
via IFTTT