matutino

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter matutino

    (@matutino)

    Do you know how can I delete my review? I can’t find a way to do it

    Thread Starter matutino

    (@matutino)

    I’m so sorry, I was using a different plugin with almost exact same name

    Thread Starter matutino

    (@matutino)

    So I’ve discovered what was causing the issue!!

    It was this code I used for creating an animation when navigating through the pages of the website, showing a fade-out animation after clicking on an internal link of the website and a fade-in when loading that new page. I placed it inside Divi Settings > Integrations > “Add to <body> (good for codes like Analytics)”
    In case you’re curious, this is it:

    <!-- FADE-IN and FADE-OUT al navegar por la web -->
<script>
const mq = window.matchMedia( "(min-width: 981px)" );
if (mq.matches) {
function fadeInPage() {
if (!window.AnimationEvent) { return; }
var fader = document.getElementById('fader');
fader.classList.add('fade-out');
}
document.addEventListener('DOMContentLoaded', function() {
if (!window.AnimationEvent) { return }
var anchors = document.getElementsByTagName('a');
for (var idx=0; idx<anchors.length; idx+=1) {
? if (anchors[idx].hostname !== window.location.hostname || anchors[idx].pathname === window.location.pathname) {
? continue;
}
? anchors[idx].addEventListener('click', function(event) {
// Habilitar poder abrir enlaces en nueva pestanha con CRTL/CMD
if (event.metaKey || event.ctrlKey) return;
// 
? ? var fader = document.getElementById('fader'),
? ? ? ? anchor = event.currentTarget;
? ? var listener = function() {
? ? ? window.location = anchor.href;
? ? ? fader.removeEventListener('animationend', listener);
? ? };
? ? fader.addEventListener('animationend', listener);

? ? event.preventDefault();
? ? fader.classList.add('fade-in');
? });
}
});
window.addEventListener('pageshow', function (event) {
if (!event.persisted) {
? return;
}
var fader = document.getElementById('fader');
fader.classList.remove('fade-in');
});
}
</script>

<style>
#fader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
pointer-events: none;
animation-duration: 300ms;
animation-timing-function: ease-in-out;
}
/* Color segun si es night mode o normal */
#fader {
background: #f8f9fa;
}

#fader:before {
content: 'fade'
}
@keyframes fade-out {
from { opacity: 1 }
to { opacity: 0 }
}
@keyframes fade-in {
from { opacity: 0 }
to { opacity: 1 }
}
#fader.fade-out {
opacity: 0;
animation-name: fade-out;
}
#fader.fade-in {
opacity: 1;
animation-name: fade-in;
}
/* OCULTAR EN MOVILES */
@media only screen and (max-width: 767px) {
? #fader {
? ? display: none;
? }
}
</style>

<svg id="fader" class="fade-out"></svg>

    So it seems there’s some conflict with this script. I’ve now deleted it from the site and will look for an alternative.

Viewing 3 replies - 1 through 3 (of 3 total)