Individual scroll down arrow

Hi

Currently looking for a solution for the exact same issue. Well, almost – my arrow down would be for a color section, but I guess the behaviour is the same.

So I found this helpful resource:
// https://kriesi.at/documentation/enfold/icon

Unfortunately the troubleshooting section does not help me, as the following code (new icon) I want to use for the scroll down arrow just makes it disappear for some reason:

#top .scroll-down-link {
content:"\e800";
font-family: 'entypo-fontello';	
position: absolute;
left: 0;
}

Do you know why that happens Rikard? Has this code changed in the meantime?

Thank you very much and best regards
Michael

Hi Rikard

I actually removed the little CSS snippet from above and added the following jQuery to functions.php instead:

// Function to let the arrow down disappear after click or on scroll
add_action('wp_footer', 'ava_disappear_after_click_script', 9999);
function ava_disappear_after_click_script() {
    ?>
<script>
$(document).ready(function(){
    $(".scroll-down-disappear").click(function(){
        $("a").addClass("scroll-down-disappear");
		$("#av-icon-char-michael").hide();
    });	
	$(window).scroll(function() {
    if ($(this).scrollTop() > 0) { // can be whatever, 0 refers to the top space you allow
        $("#av-icon-char-michael").hide(); // Hide your element
    }
	});
})(jQuery);
	
</script>
    <?php
}

?>

This is a nice workaround and works like a charm for me.

Best and thanks
Michael

Hi Rikard,
I tried to replicate what above mentioned but with negative result.
What can I do to create a Scroll Down Arrow on a LayerSlider image?

Best Regards
Maurizio