How to debug links that don't work

Debugging broken links.

Sometimes a link on your site might not work as in it won’t respond to your click. The first thing is to double check and see if you set it up correctly. If it still doesn’t work, it’s typically blocked by another invisible element that “eats the clicks”.

You can find this out by right clicking on your link and selecting “Inspect Element”. The Web Inspector will open up with the element highlighted at the exact place you clicked. If this is not an <a href="..." /> element but something else, that’s the one eating your clicks.

Luckily this is easy to fix by telling the overlapping element not to listen to clicks at all. Go back to the canvas and find the overlapping frame and disable its pointer events.