Color section arrow issue

Hi,
Sorry for the late reply, I have taken a look at your pages and it looks like you have hidden sections at the top of the page for mobile devices. So for mobile the down arrows are working but for desktop they are not because you will now have duplicate matching IDs
So for both of these pages, on desktop, the next ID is av-layout-grid-1, we can correct this with some javascript.
First, to ensure that we only target the correct links you will need to add a custom ID to the color sections that contain the down arrow links that are not working correctly, please use “change_down_arrow”

If you don’t see the developer tab in the color section, please enable at: Enfold Theme Options > Layout Builder > Builder Options For Developers > ID attribute input field

Then add this code to the end of your child theme functions.php file in Appearance > Editor:

function change_down_arrow(){
  ?>
  <script>
(function($){
  $(window).load(function(){
  $("#change_down_arrow a.scroll-down-link").attr("href", "#av-layout-grid-1");
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'change_down_arrow');

Then clear your browser cache and check.
If you have any issues with these steps, then please include an admin login in the Private Content area and I will take a look for you.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike