1. I have 4 logo on my project – 3 in header widget as images and one below in normal Enfold logo
How to scale this 3 images like logo when i scroll the page?
2. when i put svg logo the image not scale only the logo area and cuts the logo.
ok i write mu own js and add this to my chiwld theme
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) {
var x = document.getElementsByClassName("widget clearfix widget_media_image");
var i;
//document.write(x[1]);
for (i=0; i < x.lenght; i++)
{
x[i].style.transform = "scale(0.5)";
}
}
}
Why this function works on click (when i do button) but not on scrol?