Okay
  Public Ticket #1662936
Disable 3D mouse-over and split effect on Showcase site?
Closed

Comments

  • Patrik Unterhauser started the conversation

    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

  •  1,778
    Support replied

    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

  • Patrik Unterhauser replied

    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


  • Patrik Unterhauser replied

    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

  •  1,778
    Support replied

    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

  • Patrik Unterhauser replied

    Worked like a charm, thank you!

    Kind regards,

    Patrik