I made a video regarding my questions because maybe its easier to understand. I will try to type it as well.
Im building a new website using your theme. I tried to add some javascript code to add a class to the header section so i can change the look of the scrolled sticky header. The script works when I turn of "smooth scrolling". But if I turn it on no script that i try to add, even a simple script in the footer doesnt work. I really would like to use the smooth scrolling. But maybe you understand why it stops all the extra scripts from working.
My second question is about the single portfolio items. I uploaded your demo content and fixed the missing images in the Green audio example. But the pinned section doesnt seem to work. Somebody else already made a ticket for this I think but I couldnt see the solution:
My last question is about the same portfolio item but the paralax image section. It doesnt keep its height responsive like it does in the envato demo example.
I already resolved the height adjustment for the parallax. I noticed that once your screen is less than 930 px wide it missed the 100% height CSS. The only thing that still doesnt work is the Pinned section. And the Smooth scroll issue is still there.
Hello, so I managed to modify the childscript.js to make the code work with smooth scroll turned on. There is a threshold of 50px that you can modify. I am using the listener I mentioned in my prev comment.
Thank you for adjusting the javascript code. I realize that you made some extra effort outside the basic support. So thank you for this.
The only thing that doesnt work yet is the pinned section. You fixed this for somebody else but because this was a private solution I cannot fix it myself. The text doesnt move downwards when you scroll.
Hi Montoya.
I made a video regarding my questions because maybe its easier to understand. I will try to type it as well.
Im building a new website using your theme. I tried to add some javascript code to add a class to the header section so i can change the look of the scrolled sticky header. The script works when I turn of "smooth scrolling". But if I turn it on no script that i try to add, even a simple script in the footer doesnt work. I really would like to use the smooth scrolling. But maybe you understand why it stops all the extra scripts from working.
https://toplijn.nl/montoya-question1.mov
My second question is about the single portfolio items. I uploaded your demo content and fixed the missing images in the Green audio example. But the pinned section doesnt seem to work. Somebody else already made a ticket for this I think but I couldnt see the solution:
https://clapat.ticksy.com//ticket/3824504/
My last question is about the same portfolio item but the paralax image section. It doesnt keep its height responsive like it does in the envato demo example.
https://toplijn.nl/montoya-question2.mov
Hope you can help me with these questions.
Thank you in advance.
Kind regards, Hanneke Verhoeven
Hello,
This is a bit beyond my support abilities but we are using a special library Smooth Scrollbar
https://idiotwu.github.io/smooth-scrollbar/
I am thinking you can add a listener that checks the current position and once is under or above a threshold you can add/remove a class in the header
https://github.com/idiotWu/smooth-scrollbar/blob/66c67b85d35c14486bd25a73806c0ab13ffeb267/docs/api.md#scrollbaraddlistener
Regarding your second question we need wp admin access and and the name of the page / portfolio item with this issue.
Same thing with the third question
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
I already resolved the height adjustment for the parallax. I noticed that once your screen is less than 930 px wide it missed the 100% height CSS. The only thing that still doesnt work is the Pinned section. And the Smooth scroll issue is still there.
@media (max-width: 929px) {
.has-parallax-content > img, .has-parallax > img {height:100% !important;}
}
Hello, so I managed to modify the childscript.js to make the code work with smooth scroll turned on. There is a threshold of 50px that you can modify. I am using the listener I mentioned in my prev comment.
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
Hi
Thank you for adjusting the javascript code. I realize that you made some extra effort outside the basic support. So thank you for this.
The only thing that doesnt work yet is the pinned section. You fixed this for somebody else but because this was a private solution I cannot fix it myself. The text doesnt move downwards when you scroll.
Thank you for your reply
Kind regards,
Hanneke
Sure. we added the two pinned sections (left and right ) instead of the two columns section
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
Hi,
Thank you for adding the correct HTML for this.
Kind regards,
Hanneke