Add a delay before the arrow apperance

All Code examples should be put in your child theme back up your website before attempting any modifications

Please note we will be adding this option in a future release of the arrow but if you would like it to work right away here is the solution.

Add this piece of CSS code to your Child theme ( Check the Child theme article for more details ) or theme settings where you can add CSS.

If you need to adjust when it is displayed change the animation-duration value. Currently it’s set to 5 seconds  (5s) if you increase the number you increase the delay. You may need to play around with that value to get it to how you want.

#ep-arrow {
animation-name: delay_display;
animation-duration:5s;
}
@keyframes delay_display {

from { opacity: 0; }
to { opacity: 1; }

}