I added a button to the front of my flip box so that users will know to hover over the flip boxes. I do not want the buttons to link anywhere so I added a # symbol in the href attribute.
On mobile when a user taps the button on the front of the flip box the site just scrolls all the way up to the top (because of the # link).
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I added a button to the front of my flip box so that users will know to hover over the flip boxes. I do not want the buttons to link anywhere so I added a # symbol in the href attribute.
On mobile when a user taps the button on the front of the flip box the site just scrolls all the way up to the top (because of the # link).
Is there a way to disable the link on these three specific buttons (http://dev.biblestudyguide.com/churches-and-schools/)? I added some jQuery just to see if that would do it, but that's not working:
<script type="text/javascript">
$(document).ready(function() {
$(".disablebutton a.nectar-button").removeAttr("href");
});
</script>
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.flip-box-front a.nectar-button { pointer-events: none !important; }Thanks
ThemeNectar Support Team
That worked. Thanks!