Hjälp! hover image i mobil

Hover fungerar givetvis inte på telefonen. Det du kan göra är att köra :focus. Då, när du sveper med tummen över innehållet, så kommer det visas.

Men det är en strulig design, för du bör inte dölja viktig information.

Tänk så här.... nytta före nöje. Hjälper fancy effekter verkligen? Är det inte bättre om kunden få se infon än att man ska ha massa fancy effekter bara för sakens skull? Användarvänlighet är väldigt viktigt. Hur många kunder kan man förlora för att de inte fattar eller inte ser viss information?

Testa ändra till dessa:

.content:hover .content-overlay,
.content:focus .content-overlay{
opacity: 1;
}

.content:hover .content-details,
.content:focus .content-details{
top: 50%;
left: 50%;
opacity: 1;
}