Mobile Homepage – Double Tap Links

[adutton]

Hello,

On a mobile device, when I want to access a post from the fluid grid homepage, I have to tap once to see the hover effect of a post, then tap again to actually go to the post page. I’d like to have all links go direct to their urls without any hover effect on touch-screen devices.

Thank you!

[Musama]

Hi, i think is just a connexion issue because it works fine for me .

[FocuxTheme Support]

Hi

It’s a device issue, because the mobile device doesn’t have hover behavior, so you have to click twice. There’s only way to disactive the hover effect, edit oldcar.setup.js find the following code

 //HOVER FLUID BOX
  function fluidHover(){
    $(".fluid-articles li").hover(
			function(){
				  $(this).find('p').css({
					 color:"#000"
				  });
				  $(this).css({
                     boxShadow: '0 0 5px rgba(0, 0, 0, 0.3)',
				  });
				  var imgHeight=$(this).find('img').height();
				  var imgtip=imgHeight/2-10;
				  $(this).find('.img').css('top',imgtip-25+"px");

				  $(this).find('.overlay').css("height",imgHeight+"px").stop(true,true).fadeIn(800);

			},function(){
				  $(this).find('p').css({
					 color:"#666"
				  });
				  $(this).css({
                     boxShadow: '0 0 5px rgba(0, 0, 0, 0.1)'
				  });
				  $(this).find('.overlay').stop(true,true).fadeOut(800);
			}
   );
   $(".fluid-articles li .overlay").click(
			function(){
				var postlink=$(this).find('a').attr('href');
				window.location.href=postlink;
			}
   );
  }fluidHover();

Just remove the last line “fluidHover();”

[Author]

Posts