If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

Featured templates

WordPress Troubleshooter. How to fix the issue with smoothscrolling in Chrome

The actual source of that problem is the smooth scrolling feature, which is enabled by default, it is reducing scrolling responsiveness significantly. In order to get it work again, you need to disable Smooth Scrolling function. The general problem is that smooth-scroll script is no longer supported by newer versions of browsers. The solution depends on the version of the template you use:

Variant 1. CherryFramework 3 templates with the usual Cherry Slider and Cherry Parallax plugin.

Solution: Navigate to wp-content/plugins and wp-content/themes/themeXXX/includes/plugins folders on your server and replace the current cherry-parallax plugin with the newest version, which you can download here.

Variant 2. CherryFramework 3 templates with Parallax Slider and Cherry Parallax plugin.

Solution: 

  1. You need to replace the files of cherry-parallax plugin in the wp-content/plugins directory on the server (via FTP or using the FileManager).

  2. Go to wp-content/themes/themeXXXX/parallax-slider/js/ folder and replace the existing jquery.simplr.smoothscroll.min file with this one: click here to download

Variant 3. CherryFramework 3 templates with Parallax Slider and without Cherry Parallax Plugin

Solution:

  1. Navigate to wp-content/themes/themeXXXX/parallax-slider/js folder and upload the following file replacing the old one: jquery.simplr.smoothscroll.min

  2. Then you need to open the wp-content/themes/themeXXXX/parallax-slider/parallaxSlider.php file and locate the following code:

    if(!device.mobile() && !device.tablet()){
    liteModeSwitcher = false;
  3. And add the following part of code after then, similar to the screenshot below:

    $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
    if(!device.mobile() && !device.tablet() && !($.browser.chrome)){
    $.srSmoothscroll({
    step:150,
    speed:800
    });
    }
    

Do not forget to clear the cache in order to see the changes.

Now you can enjoy the smooth scrolling again! Feel free to read more about Smooth scrolling feature here: https://css-tricks.com/snippets/jquery/smooth-scrolling/