Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #221341

    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. (Purchase code hidden if logged out) .av-inner-masonry-content{... etc

    any help on this would be cool!



    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,


    Ok cool, thx!

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

The topic ‘Touchscreen laptop masonry hover display’ is closed to new replies.