Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2015 at 6:50 pm #414736
    anogma

    Hi Guys,

    I have created mobile friendly page with icons that lead to URL, but on mobile devices it requeres double tap on icon to go to url. How can I make it one tap to go to url?
    Icons i’m talking about is Call, Directions, Online Order, Facebook

    March 20, 2015 at 9:58 pm #415547
    Andy

    Hi anogma!

    on my htc one device it’s working fine with one click. Which device are you using? Please check on another device as well.

    Regards,
    Andy

    March 20, 2015 at 10:09 pm #415549
    anogma

    Any Iphone devices makes it double tap

    March 22, 2015 at 8:55 am #415906
    Ismael

    Hey!

    Try to add this to the functions.php:

    add_action('wp_footer', 'ava_option_style');
function ava_option_style(){
?>
<script>
(function($){	
	$('#top .av_font_icon a').each( function(){
		var iconlink = $(this).attr('href');
		$(this).removeAttr('href');
		$(this).css('cursor', 'pointer');
		$(this).click(function() {
			window.location = iconlink;
		});
	});
})(jQuery);
</script>
<?php
}

    Cheers!
    Ismael

    April 10, 2015 at 8:48 pm #426772
    anogma

    Where should I add this in functions.php ?

    April 11, 2015 at 9:16 am #426960
    Rikard

    Hey!

    Please try to add it to the very bottom of functions.php

    Cheers!
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.