hi,
hover effect applied to images work perfectly on all devices (include android) but it seems not to work on ipad or iphone.
how can i solve?
best regards,
Nic
this is a link to the issue: http://woodoing.it/domingo/clienti/
another lil problem: i’ve created two classes to have an hover effect in grid row. They are equal (except the background color). in the green block i’ve to put mouse on the title to change color (ie: ufficio stampa & pr). in the blue block, text change color if mouse touch a part of the block… why??
link: http://woodoing.it/domingo/servizi/
best regards,
Nic
ps: two classes are:
#test :hover {
color: #ffffff !important; background-color: #9abea9 !important; transition: 0.2s; cursor: default; webkit-user-select: none;
moz-user-select: none;
ms-user-select: none;
user-select: none; }
and
#test2 :hover {
background-color: #095B78 !important; transition: 0.2s;cursor: default; webkit-user-select: none; color: #ffffff !important;
moz-user-select: none;
ms-user-select: none;
user-select: none; }
UPDATE: i’ve solved this second issue by select “custom color” in the textblock and leave it blank
Hey!
I don’t have an iPad or iPhone to test on but it looks like your using columns with the image element inside. There shouldn’t be any hover effects on mobile devices because you cannot hover on them.
Instead the caption will display beneath the image on mobiles instead of on hover like on desktops.
Regards,
Elliott