Scroll up arrow content section

Hey vincentvanderwielen,

Thank you for the inquiry.

The option is not available out of the box, but you can add the arrow or the html for it manually using a text or code block and apply an anchor to it. You can also use the Icon or Button element. You will have to apply a unique ID to each color section in the page.

Best regards,
Ismael

Hi,
To have a Scroll Up to Next Section Arrow try pasting this is a code block element at the top of your color section:
<a href="#intro" title="" class="scroll-up-link av-control-hidden" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>
adjust the link to the custom ID of the section above #intro please note that every ID can only be used once on a page, so every arrow needs a different link.
Then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top .scroll-up-link {
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 49.85%;
    top: 0px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 40%);
    -webkit-animation: custom_fade_move_up 2s ease-in-out infinite;
    animation: custom_fade_move_up 2s ease-in-out infinite;
}
/*animated arrow animattion*/
@-webkit-keyframes custom_fade_move_up {
  0%   { -webkit-transform:translate(0,20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,-20px); opacity: 0; }
}
@keyframes custom_fade_move_up {
  0%   { transform:translate(0,20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,-20px); opacity: 0; }
}

Then clear your browser cache and any cache plugin, and check.
the expected results:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike