Hello Support. Your team have been amazing. We're nearly done the job, but one major problem has come up.
My client and their entire organization browse using Safari... (Don't ask me why but a lot of people apparently still do.)
On the porfolio grid, something happens when scrolling down the page where the video previews split and slide, sliding between the still image background and the active video background. It's horrible! I've attached a screen shot. If you run the link I've attached - in safari - you'll see the issue.
I checked... and enabling 'smoothscroll' seems to fix this problem! BUT my problem is this: I can't have smoothscroll turned on accross the site because my projects feature full-screen Vimeo embeds and smoothscroll makes it impossible to scroll at all when moused over the iframe of a vimeo embed. So the project pages cannot have smoothscroll.
My question is: Is there a code fix for this? Or is it possible to enable smoothscroll on one page only, the portfolio grid linked above?
I'm so close to the end... The sooner I can figure out this one last glitch, the sooner I can hand off the site! I appreciate all your help, thanks in advance!
Hello Support. Your team have been amazing. We're nearly done the job, but one major problem has come up.
My client and their entire organization browse using Safari... (Don't ask me why but a lot of people apparently still do.)
On the porfolio grid, something happens when scrolling down the page where the video previews split and slide, sliding between the still image background and the active video background. It's horrible! I've attached a screen shot. If you run the link I've attached - in safari - you'll see the issue.
I checked... and enabling 'smoothscroll' seems to fix this problem! BUT my problem is this: I can't have smoothscroll turned on accross the site because my projects feature full-screen Vimeo embeds and smoothscroll makes it impossible to scroll at all when moused over the iframe of a vimeo embed. So the project pages cannot have smoothscroll.
My question is: Is there a code fix for this? Or is it possible to enable smoothscroll on one page only, the portfolio grid linked above?
I'm so close to the end... The sooner I can figure out this one last glitch, the sooner I can hand off the site! I appreciate all your help, thanks in advance!
Hello Xavier,
I will escalate your ticket to our web designer - I appreciate your patience
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Please add this in Aditional CSS:
.item .hero-video-wrapper {
position: absolute;
box-sizing: border-box;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
background-size: cover;
padding: 0;
overflow: hidden !important;
opacity: 1;
top: 0;
z-index: 120;
pointer-events: none;
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Oh, my god. You are a genius! Thank youuuuuu.