Color section scroll down problem

Hi grafixstudio,

I looked at your website. Seems to scroll fine on my end. Which browser are you working in?

Could you please make a screencast of the issue?

Best regards,
Victoria

Hi grafixstudio,

I have checked it and it is centered on my end, here is a screenshot https://imgur.com/a/7XDd1Yp

Best regards,
Nikko

Hi grafixstudio,

Of course we do want to help you however, I’m having a hard time finding the issue on my end, that’s why I also sent a screenshot.
I have misunderstood the issue you have, but I understood it now, since the issue will be shown if you clicked on the arrow above it thus it moves to the section on the screenshot and doesn’t show as aligned vertically.
Can you give us ftp access? I think it can be fixed by overriding avia.js and making some tweaks.

Best regards,
Nikko

Hi grafixstudio,

Thanks for providing the ftp access, this is good now :)
I see you have already created a js folder and added the modified avia.js there as instructed in the other link.
You were only missing this part, which is to add this code in functions.php of your child theme:

function change_aviajs() {
	wp_dequeue_script( 'avia-default' );
	wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}

add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );

I think what you should do is in every update just check if there are updates in avia.js file, you can do this by keeping an original avia.js from your current version of Enfold.
When an update is being released, get the content of the avia.js in the latest release version then compare them here: https://www.diffchecker.com/
If two files are identical then that means no changes are being made to that file and you don’t need to update avia.js in the child theme.
However if they are not identical, you can just copy avia.js from the latest release then add those 2 line of codes again, this way you can still avail on the latest functionalities from the latest release.
Hope this helps.

Best regards,
Nikko

Hi grafixstudio,

I have checked it actually the code isn’t the issue but avia.js in Enfold isn’t dequeued even with the code, probably because other scripts are dependent on it.
I have commented out hook so it doesn’t run the code, can you try doing the changes on the Enfold theme itself? this should fix the issue, though it’s not really ideal.

Best regards,
Nikko

Hi grafixstudio,

Yes, I do understand your concern however avia.js couldn’t be replaced anymore since some js files depends on it.
I don’t think CSS based solution would work, since it requires dynamic calculation.
I also couldn’t find how to dequeue a js file that’s being depended by other js files, I think if wordpress allows this then it would be possible using the child theme.

Best regards,
Nikko