I've got a bit of HTML code that I'm trying to sort out, but I'm hitting a snag! I created a button linking to an iReal Pro app feature, but whenever I load the page, three extra buttons show up below the one I coded. I need help figuring out why this is happening and how I can get rid of those extra buttons.
3 Answers
You should check your page's source using Firefox—it highlights basic errors for you. For instance, HTML standards don't allow the structure you're using, with those nested HTML tags. Plus, your `` tag is missing a closing tag, which is likely causing multiple buttons to show up. Just fix those tags and see if it helps!
The extra buttons come from the iReal Pro app and iOS, so you can’t just remove them with CSS or HTML. A solid workaround is to wrap your link in a different element, like a `
Makes total sense! It would really help keep the interface clean without those extra buttons.
It might be a caching issue or something with how your event listeners are set up. A good starting point is to poke around in the browser's developer tools, as it can reveal issues you might be missing.

Interesting approach! Curating the presentation this way seems like a smart fix to a common problem.