My team of developers and I have been experiencing issues with the scroll on the mobile version. The website is not considering the dynamic address bar. Every element that has it’s height value based on the viewport height it’s jumping between values when the address bar is visible and when it’s not visible (which is not ideal for smooth navigation throughout the website).
The content and animations flicks when the viewport height available changes due to the dynamic address bar.
We would suggest changing all the “vh” units to the “svh” unit or the “lvh” unit. It could solve the problem but it will need further investigation to address this issue. ”
I understand this, but isn't it bad practice to change theme files? Once an update comes out it will just overwrite it. Do you have hooks that I could use in my child-theme to perform the same functions?
Also, I'm referring to the theme on Safari as you scroll without any smooth scrolling it is still glitchy.
Even afterwards I'm still receiving "glitchy" or "staggered" scrolling. It tends to move on its own after you scroll some. I posted the videos I took from my mobile phone so you can see (Video.mp4).
Also, the infinite list is not even working when trying to open different items (Video_1.mp4).
Hi,
My team of developers and I have been experiencing issues with the scroll on the mobile version.
The website is not considering the dynamic address bar. Every element that has it’s height value based on the viewport height it’s jumping between values when the address bar is visible and when it’s not visible (which is not ideal for smooth navigation throughout the website).
The content and animations flicks when the viewport height available changes due to the dynamic address bar.
We would suggest changing all the “vh” units to the “svh” unit or the “lvh” unit. It could solve the problem but it will need further investigation to address this issue. ”
We thank you and your support team in advance.
-Origine's team
Hello Zachary,
First of all, do you have smooth scrolling enabled in customizer -> general settings?
If yes, can you temporarily disable it and see if there are any noticeable changes? (we can disable smooth scrolling only on mobile)
The reason I'm asking this is that smooth scrolling library has its own scrolling area relative to the browser window.
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’m also experiencing this on mobile devices. Any fix yet? I even have Ajax and smooth scrolling turned off.
Hello Chris,
as I mentioned in my comment we can disable smooth scrolling only on mobile. It's actually an easy fix:
open /include/hooks-config.php and change line 16 from
if( manifesto_get_theme_options( 'clapat_manifesto_enable_smooth_scrolling' ) ){
to
if( !wp_is_mobile() && manifesto_get_theme_options( 'clapat_manifesto_enable_smooth_scrolling' ) ){
the code is self explanatory
and it's using the WordPress function wp_is_mobile()
https://developer.wordpress.org/reference/functions/wp_is_mobile/
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 understand this, but isn't it bad practice to change theme files? Once an update comes out it will just overwrite it. Do you have hooks that I could use in my child-theme to perform the same functions?
Also, I'm referring to the theme on Safari as you scroll without any smooth scrolling it is still glitchy.
Hi Chris,
of course this is the fastest way but you need to merge this change every time you do a theme upgrade.
As you noted, you have the option of implementing it in a child theme as a hook for body_class filter
https://developer.wordpress.org/reference/hooks/body_class/
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
Thank you for clarifying.
Even afterwards I'm still receiving "glitchy" or "staggered" scrolling. It tends to move on its own after you scroll some. I posted the videos I took from my mobile phone so you can see (Video.mp4).
Also, the infinite list is not even working when trying to open different items (Video_1.mp4).
Attached files: Video_1.mp4
Video.mp4
Hey Chris appreciate if you can open a separate private ticket and provide wp admin access?
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