I made a couple of buttons to download an app from the playstore and appstore. I put them on my theme and I am having an issue getting them to work like buttons. Although the href attribute is set, it does not actually work as a button. When hovering it, the cursor does not change, and when clicking it, it doesn’t go to the URL specified. Can anyone give me a hand. I have confirmed the php setting you see below for the URL does hold a value. It is for the wordpress theme customizer incase you are wondering.
<a class="storebtns" href="<?php echo mytheme_theme_mod( 'hero_appstore_button_url' ); ?>">
<img src="http://sandbox.mywebsite.com/wp-content/themes/mytheme/img/appstore.png" width="170"/>
</a>
Here is the rendered HTML. This is why it is so confusing. It is showing a URL.
<a class="storebtns" href="test.com">
<img src="http://sandbox.mywebsite.com/wp-content/themes/mytheme/img/appstore.png" width="170" style="margin-right: 15px">
</a>
My problem was actually nothing to do with the HTML at all. It was the Z-index of the button. It is in an area on my theme that has alot of different elements grouped together. So the Z-index was putting the button behind the others so even though you could see the button, you couldn’t click it or see a different cursor.