Following, I'm experiencing the same issue, seems to be related to https://themenectar.ticksy.com/ticket/1648471/ but setting transform:translateZ on Flipbox containers is not working for me.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body .vc_row-fluid .vc_col-sm-4 {
transform: translateZ(0);
}
Hi,
The Flip Box is not animating correctly on Safari (12.0.2). When hovering over, it flickers and does not animate the way it should.
Works fine on mobile Safari though and works fine on Chrome and Edge.
Is this a bug that will be fixed in upcoming releases or can I fix this somehow?
Hey Again,
We havent had anyone else report this yet. Have escalated this to the Developer so he can add in a response.
Best
ThemeNectar Support Team
Following, I'm experiencing the same issue, seems to be related to https://themenectar.ticksy.com/ticket/1648471/ but setting transform:translateZ on Flipbox containers is not working for me.
Staging URL: http://ozo-group.staging-2.wbwgn.com/
Nginx Credentials:
User: ozo
Password: ozo_letmein
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body .vc_row-fluid .vc_col-sm-4 { transform: translateZ(0); }Thanks
ThemeNectar Support Team
seems to have done the trick, thanks Tahir!