how about disabling smooth scrolling only on mobile devices? would that work. That can be done relatively easy. Otherwise you need to use code for browser type detection.
It would involve a browser autodetection bit in /js/scripts.js (path relative to root theme folder). if Safari, you can remove 'smooth-scroll' class from the <body> element. It can be added in function CustomFunction() at the beginning of the file.
Hello.
Thanks for the nice theme.
The theme is working fine every where, except Safari on Mac.
Specially when smooth scroll is turned on.
Please let me know if I can fix this somehow.
Thank you!
Hello,
please add the following in customizer -> additional CSS and see if it makes a difference. Make sure you refresh your cache before testing.
.grid__item-img--large {
will-change: filter;
}
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!
Its much better, still some lag, if theres anything else I can do, please let me know.
Hello Ahmed, plz try also disabling (at least temporarily) smooth scrolling in customizer -> additional css
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 dont like to keep the smooth scrolling turned off.
It does help, but i would like tl benefit from it on other browsers.
Hi,
how about disabling smooth scrolling only on mobile devices? would that work. That can be done relatively easy. Otherwise you need to use code for browser type detection.
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.
the issue not on mobile, its on safari for mac.
How can I disable it for safari only?
Thank you!
Hi Ahmed,
It would involve a browser autodetection bit in /js/scripts.js (path relative to root theme folder). if Safari, you can remove 'smooth-scroll' class from the <body> element. It can be added in function CustomFunction() at the beginning of the file.
https://prnt.sc/Y5uGEeCOKAyE
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