Really amazing theme, but we've stumbled across a really odd bug.
My client's been viewing their development site on Safari, and the Flipboxes are not animating correctly in certain circumstances.
When you mouseover the flipbox, it flickers, disappears, and sometimes starts 'bleeding' pixels over other areas on the page.
The really odd thing is, it only happens if the flip box is towards the top of the page. I've been able to replicate the fault on my Mac (only Safari - Chrome's fine). I've cloned the row on the home page, dragging one of the rows further down, and one works fine and the other doesn't. I have also tried rebuilding the rows from scratch, and it still appears on the version nearest the top of the page.
You can watch a screencast of it here:
I've tried removing the revolution slider, and that's not affecting the fault either. I've also tried changing the row above (full width vs in container) - no joy!
Any help you can offer would be great. I must admit I'm really scratching my head on this one!
Please update to Salient Theme Version 8.5.6 and Salient VC 5.4.7 and check
If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel" -> General Settings -> "Toggle Theme Features" Section .
My first guess after taking a look for a bit is that it's related to the proximity relative to the Rev slider - sometimes Safari has hiccups with 3D css techniques when the DOM elements overlap with other things set to use css transitions etc. Anyway - this snippet should fix it:
(add it into the custom css box in your Salient options panel)
Hi,
Really amazing theme, but we've stumbled across a really odd bug.
My client's been viewing their development site on Safari, and the Flipboxes are not animating correctly in certain circumstances.
When you mouseover the flipbox, it flickers, disappears, and sometimes starts 'bleeding' pixels over other areas on the page.
The really odd thing is, it only happens if the flip box is towards the top of the page. I've been able to replicate the fault on my Mac (only Safari - Chrome's fine). I've cloned the row on the home page, dragging one of the rows further down, and one works fine and the other doesn't. I have also tried rebuilding the rows from scratch, and it still appears on the version nearest the top of the page.
You can watch a screencast of it here:
I've tried removing the revolution slider, and that's not affecting the fault either. I've also tried changing the row above (full width vs in container) - no joy!
Any help you can offer would be great. I must admit I'm really scratching my head on this one!
Cheers
rog
Hey Again,
Please update to Salient Theme Version 8.5.6 and Salient VC 5.4.7 and check
If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel" -> General Settings -> "Toggle Theme Features" Section .
To get a list of Bug Fixes and new Feature addons in the Latest Theme update, the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .
Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .
Best.
ThemeNectar Support Team
Hey Tahir,
Thanks for coming back to us. I've updated the theme files from 8.5.3 to 8.5.6 and its still doing the same thing.
Any other ideas?
rog
Hey Again,
Did you update the WPbakery Plugin as well ?.
Best
ThemeNectar Support Team
I hadn't no, but have now :-)
Still not working though :-(
Yes but now the theme is not the latest version ?
ThemeNectar Support Team
Should be - It's displaying 8.5.6 on the themes page. (with a child)
Also can you turn off Third Party Plugins and check .
ThemeNectar Support Team
All plugins off except for Bakery.
Escalating the Ticket to the Developer so he can add in a response.
Best
ThemeNectar Support Team
Cheers Tahir! I'm glad I'm not the only one scratching head!
All the best
rog
Hey rog,
Thanks for your patience with this matter
My first guess after taking a look for a bit is that it's related to the proximity relative to the Rev slider - sometimes Safari has hiccups with 3D css techniques when the DOM elements overlap with other things set to use css transitions etc. Anyway - this snippet should fix it:
(add it into the custom css box in your Salient options panel)
body.home .vc_row-fluid .vc_col-sm-3 { transform: translateZ(0); }Cheers