Weird thing with Safari

[The Hutong]

Hi,

One of my colleagues opened our home page with Safari, and things got messed up when i hover over the posts in “Upcoming Events” – the “What we offer” section got messed up. See attached when the page is fine, when i hover over and when i scroll down a little. Any idea on this?

Also, i would like to ask how i can remove the zoom in/Red cover when i hover over? I was using “Portfolio” element.

Thanks for your help in advance.

Ivy

[Swift Ideas – Ed]

Hi Ivy,

What version of Safari was this on? Are you able to replicate it on multiple computers?

For the hover overlay, you can add the following to the custom css box within theme options:

figure .overlay {
display: none;
}

– Ed

[The Hutong]

Ed,

Thank you for your reply. No, actually i tried on other safaris but only that one has the problem.

Yeah the above code does kill the red cover, but i don’t want the zoom in as well. What’s the code for that?

Thank you so much for your help, really appreciate it.

Ivy

[Melanie – SUPPORT]

Hi, which zoom?

[The Hutong]

Hi,

See attached. When i hover over the picture will get zoomed in a little.

Thanks!

Ivy

[Melanie – SUPPORT]

Hi, that zoom is a feature of the theme and happens in every browser, it shouldn’t be safari specific. Cheers

[The Hutong]

Hi Melanie,

Thank you for your reply, but that’s not what i meant. Let’s forget about the Safari thing, what i mean is that i DON’T want the effect that it’s actually zooming on hover, any way we can kill it? Like putting some code in the Custom css box.

Thanks for your help.

Best,

Ivy

[Swift Ideas – Ed]

Hey there,

The below will sort that out for you:

figure:hover img {
-moz-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
-ms-transform: scale(1)!important;
transform: scale(1)!important;
}

– Ed

[The Hutong]

Amazing. Thank you so much Ed!

[Melanie – SUPPORT]

Fantastic 🙂