Okay
  Print

Add Down Arrow in FullScreen Page Rows Option [JS hack]

Note:  The Below Code is just a hack and is provided AS IS for Experienced Developers. Kindly do not ask related questions in the Support Ticket regarding its Implementation as Theme customization is not provided as Theme Support.


Add this to the Google Analytics Section in Salient Theme Options Panel -> CSS'/Script Related :

<script type='text/javascript'>
jQuery( document ).ready(function() {
 jQuery('.full-page-inner').append('<a href="#" class="slider-down-arrow-full" style="transform: translateY(0px); opacity: 1;"><i class="icon-salient-down-arrow icon-default-style">  </i></a>');
jQuery('body').on('click','.full-page-inner a.slider-down-arrow-full',function(){
    jQuery.fn.fullpage.moveSectionDown();
console.log('clicked');
});
});
</script>

And add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

/*Apply Fullscreen page row css copied from Nectar Slider down arrow*/
.full-page-inner .slider-down-arrow-full {
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    z-index: 100;
    left: 50%;
    margin-left: -30px;
}
.full-page-inner .slider-down-arrow-full i.icon-default-style[class^="icon-"] {
    height: 60px!important;
    width: 60px;
    font-size: 20px!important;
    line-height: 60px!important;
    animation: 3.4s ease-in-out infinite fadebottom;
    -webkit-animation: 3.4s ease-in-out infinite fadebottom;
}