I noticed that in the overlapping gallery, there is an error in the rendering on safari. The first two cards are rendered correctly and all classes are added. however, the .pin-spacer element, which manages the scrolling behavior of the crads, is not added to the third and fourth cards (also in Chrome, but it is more permissive). I tried to look for the file that handles this logic but I only have the minified one. what can I do? Thank you and have a good day!
The last card has no pin because it should cover all the previous cards. Otherwise, the content that is below the last card will overlap with it, making it look like there is something wrong.
On my website ( https://www.rossobuco.paganitest.com/ ), I disabled scrollSmoother and now works perfectly on Safari. Also re-enabling scrollSmoother, the overlapping gallery works correctly .
I noticed that in the overlapping gallery, there is an error in the rendering on safari. The first two cards are rendered correctly and all classes are added. however, the .pin-spacer element, which manages the scrolling behavior of the crads, is not added to the third and fourth cards (also in Chrome, but it is more permissive). I tried to look for the file that handles this logic but I only have the minified one. what can I do?
Thank you and have a good day!
Hello Sara, few clarifications:
are we talking about the HTML template or the WordPress theme?
and does it happen in our live demo or your pre-staging (or live) site? If so can you send us the URL plz?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Both, I tried your demo on Themeforest and on my website.
Here, I recreated the ovelapping gallery with HTML:
https://www.rossobuco.paganitest.com/
Thank you.
Hello, let me escalate this to our web designer
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello,
The last card has no pin because it should cover all the previous cards. Otherwise, the content that is below the last card will overlap with it, making it look like there is something wrong.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Ok, but on Safari (desktop) is still not working correctly.
Hi,
I saw your reply to @fash shaq and I tried to add the custom CSS below but it's still not working on Safari (desktop)
.grid__item-img--large {
will-change: filter;
}
On Google and on Safari mobile it's working correctly.
Please provide us a video recording on safari to see your issue. Thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
I attach you a WeTransfer of what happens with Montoya theme on Safari.
https://we.tl/t-O5YDr3PCNC
On my website ( https://www.rossobuco.paganitest.com/ ), I disabled scrollSmoother and now works perfectly on Safari. Also re-enabling scrollSmoother, the overlapping gallery works correctly .
Please attach the video here, at the comment. Thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy