Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 9, 2014 at 12:45 pm #221341
    borkent

    Hi All,

    I am working on a website and just noticed that the overlay of masonry items is displayed “asif” my laptop is a tablet or phone. However I am on a full hd touchscreen enabled laptop with a pointer.

    Does anybody know how I would fix this so that this doesnt happen? I have read a few things about peoples wishes to have a tap1: activate overlay, tap2: clickthrough to item. I think this would be the way to go for smartphones and tablets aswell.

    However the handling of a touchscreen enabled laptop in my opinion shouldnt be focused on the fact that it its touch enabled, I have a pointer :)

    I think it has something to do with the class .avia_desktop being called on non-touch devices.
    .avia_desktop.csstransforms3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{... etc

    any help on this would be cool!

    thx,
    Thomas

    February 10, 2014 at 9:08 am #221576
    Dude

    Hey borkent!

    I tagged this thread for Kriesi. I’m not sure if there’s any solution because I doubt it’s possible to detect the “cursor”. The only solution I can think of would be to use the OS class (i.e. avia-windows) to distinguish “laptop” touchscreens from “mobile devices” however this may still cause weird results for some users.

    Best regards,
    Peter

    February 10, 2014 at 2:28 pm #221673
    borkent

    Ok cool, thx!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Touchscreen laptop masonry hover display’ is closed to new replies.