On themeforest, in the live preview of the Montoya theme, I saw that when I opened a portfolio item and scrolled to the bottom after reading it all, continuing to scroll takes me to the next portfolio item. (I've attached a video here to help explain better: https://streamable.com/8atj19)
However, I noticed that on the site where I installed the theme, this isn't the case: when I get to the bottom of a portfolio item, I have to click on it to move to the next one.
How can I enable this feature?
The option for this feature in customize > portfolio setting is already correctly selected.
I noticed that it doesn't work on my laptop (Mac) or mobile device, but it works fine on my desktop PC (Windows). EDIT: I've noticed that the screen size is also a factor.
On my desktop computer, to which I have two screens connected, the animation for switching between projects works on the 16:9 monitor; but on the 4:3 monitor, it doesn't.
Perhaps this screen size issue is the reason it doesn't work on my laptop (MacBook) or phone.
so we consulted our web designer and if indeed this is a pb of screen size / resolution we suggest few tests you can do (to test if the scrolling event is triggered correctly when you reach bottom):
open /js/scripts.js
and modify line line 558
start: () => top+=${window.innerHeight - 10}px,
you can increase the value by increments of 10 until it reaches the trigger scroll so try first with:
Just one question: how do I handle the child theme issue? Do I paste all the parent's js into the child theme and edit the string you suggested here, or do I edit it directly in the parent theme?
Hi there, in this case you can modify the directly the file in the parent theme. Just to see if it makes any difference (in terms related to screen size)
Hi,
On themeforest, in the live preview of the Montoya theme, I saw that when I opened a portfolio item and scrolled to the bottom after reading it all, continuing to scroll takes me to the next portfolio item. (I've attached a video here to help explain better: https://streamable.com/8atj19)
However, I noticed that on the site where I installed the theme, this isn't the case: when I get to the bottom of a portfolio item, I have to click on it to move to the next one. How can I enable this feature?
The option for this feature in customize > portfolio setting is already correctly selected.
I noticed that it doesn't work on my laptop (Mac) or mobile device, but it works fine on my desktop PC (Windows).
EDIT: I've noticed that the screen size is also a factor. On my desktop computer, to which I have two screens connected, the animation for switching between projects works on the 16:9 monitor; but on the 4:3 monitor, it doesn't.
Perhaps this screen size issue is the reason it doesn't work on my laptop (MacBook) or phone.
Thanks,
Hello Leonardo,
so we consulted our web designer and if indeed this is a pb of screen size / resolution we suggest few tests you can do (to test if the scrolling event is triggered correctly when you reach bottom):
open /js/scripts.js
and modify line line 558
start: () => top+=${window.innerHeight - 10}px,
you can increase the value by increments of 10 until it reaches the trigger scroll
so try first with:
start: () => top+=${window.innerHeight - 20}px,
hard refresh (Ctrl+F5) before testing
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Okay, thanks for the hypothetical solution.
Just one question: how do I handle the child theme issue? Do I paste all the parent's js into the child theme and edit the string you suggested here, or do I edit it directly in the parent theme?
Hi there, in this case you can modify the directly the file in the parent theme. Just to see if it makes any difference (in terms related to screen size)
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio