How to change 2-click portfolio thumbnails into only one for touch screen devices?

  • Posted in : Read WP
  • jutocito
    Participant

    Hi, I’ve noticed that when I view your site one touch devices, I need to click  2 times on a portfolio thumbnail to access that page. Click #1: displays project name and description, click #2: open the page. That’s really not ideal from a UX standpoint, we need a single click in that case. Can you please provide a fix asap?

    Thanks in advance

    J.

     

    ahmetsali
    Keymaster

    Hi, actually we haven’t coded it to be 2-click on touch screens, iOS makes css hover event requires 2 clicks. It works with one-click on android devices. But if you didn’t like two-click on iOS, you can use the custom css code below for a solution;

    .touch .media-box .mask { opacity:1; background: none; }
    .touch .media-box:hover .mask .portfolio-info { display: none; }
    

    This will make it work with one click on iOS, but users won’t be able to see portfolio title.

    jutocito
    Participant

    Thank you so much for your reply Ahmet. That’s exactly what I wanted to get.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register