Is it possible to disable that mouse-over 3D effect on the items (showcase and portfolio) and that split effect that appears when you scroll on the showcase/home site? Like with a simple CSS command?
Ah okay I understand. The reason why I asked is because on Safari (macOS) this effect causes the the image to overlap the text when the lower half gets lifted. I tried it on the latest version of the browser, on 3 different systems and everywhere I saw this bug. Are you aware of this? Is it fixable somehow?
I noticed that on < 1024px windowsize the effect gets disabled, meaning it's responsive. So I guess it shouldn't take too much effort to keep it that way on all sizes? I just don't know where to find this particular code to edit. So either that or we find a way to fix the Apple Safari bug.
Hello!
Is it possible to disable that mouse-over 3D effect on the items (showcase and portfolio) and that split effect that appears when you scroll on the showcase/home site? Like with a simple CSS command?
Thanks in advance!
Kind regards,
Patrik
Hello Patrik, these effects can only be disabled by removing some javascript code.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Ah okay I understand. The reason why I asked is because on Safari (macOS) this effect causes the the image to overlap the text when the lower half gets lifted. I tried it on the latest version of the browser, on 3 different systems and everywhere I saw this bug. Are you aware of this? Is it fixable somehow?
I noticed that on < 1024px windowsize the effect gets disabled, meaning it's responsive. So I guess it shouldn't take too much effort to keep it that way on all sizes? I just don't know where to find this particular code to edit. So either that or we find a way to fix the Apple Safari bug.
Kind regards,
Patrik Unterhauser
Here is a video I recorded of the bug, for better understanding in case you are not aware of it.
https://share.parry.media/files/20180803_162504.mp4
Hi,
In js/scripts.js at function FullPage, find and remove this:
if(getWindowInnerWidth() > 1024) { VanillaTilt.init(document.querySelector(".active .img-perspective"), { max: 3, perspective:1000, reverse:true, speed: 400, easing:"linear", }); }Do the same for MasonryPortfolio function, find and remove this:
if(getWindowInnerWidth() > 1024) { VanillaTilt.init(document.querySelectorAll(".item a"), { max: 7, perspective:1000, reverse:true, speed: 400, easing:"linear", }); }Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Worked like a charm, thank you!
Kind regards,
Patrik