In SPB > Image > In mouse hover, the background color don't display on iPad

[mengeco]

Hello,

In SPB > Image > In mouse hover, the background color and title appear over the image correctly on the PC but does not appear on the iPhone / iPad

Is there a solution?

Best Regards

[mengeco]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
My colleague will assist you shortly.
Thanks
Mohammad

[Swift Ideas – Ed]

It doesn’t show on mobile because the transition is stopped when the page is loaded (as there is no hover state). We can provide some css to show it permanently at the bottom of the image if that would work for you?

– Ed

[mengeco]

Thanks but I know my client will ask me.
ok for test your css

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

@media only screen and (max-width: 768px) { 
figure.animated-overlay figcaption {
  height: 50px;
  opacity: 1;
  top: auto;
  bottom: 0;
}
figure.animated-overlay figcaption .thumb-info h4 {
  opacity: 1;
  transform: none;
}
}

– Kyle

[mengeco]

This reply has been marked as private.

[mengeco]

This reply has been marked as private.

[Kyle – SUPPORT]

Try clearing your cache, they’re showing for me

– Kyle

[mengeco]

This reply has been marked as private.

[Kyle – SUPPORT]

Sorry, I missed a line off css:

@media only screen and (max-width: 768px) { 
figure.animated-overlay figcaption {
  height: 50px;
  opacity: 1;
  top: auto;
  bottom: 0;
}
figure.animated-overlay figcaption .thumb-info h4 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
}

– Kyle

[mengeco]

Yes, it work ! Thank you very much Kyle !! 😉

[Kyle – SUPPORT]

No problem 🙂