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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Worked like a charm, thank you!
Kind regards,
Patrik