I'm creating a simple html page on the dev portal, which has a number of different links to sections in the page and also uses the custom styles from the themes section. The basic html looks like this:
<a href="#section-1">Link to Section 1</a>
<a href="#section-2">Link to Section 2</a>
...
<a id="section-1">Section 1</a>
<a id="section-2">Section 2</a>
After clicking on "Link to Section 1" I was then directed to a broken version of the homepage with #section-1 tag added to the url.
To fix this I added the relative page url to the href and tried the following:
<a href="page-url#section-1">Link to Section 1</a>
<a href="page-url#section-2">Link to Section 2</a>
...
<a id="section-1">Section 1</a>
<a id="section-2">Section 2</a>
Theoretically this worked: the page remained the same and I was scrolled down to the relevant section. However, when I clicked on the link the entire styling for the page disappeared and I was left with a very basic html.
If you had any pointers on this topic, I'd be most grateful.
LinkedIn
Twitter
