To obtain the down arrow style on the box roll, you have to set the page header to full screen so the user knows there is more content below. You can set full screen as shown below:
Hi Andrew. I already have this.. did you look at my link. I was hoping to get an ANIMATED down arrow rather than the static one as its not easily visable
I have this in now.. but if I click on the arrow nothing happens ( it IS a box roll header)
Client is requesting this. Is this because the code applied has # as the link and if so where do I input correct link to nake it go to the first row of the page?
It it possible to include an animated down arrow on box roll headers so its more easily seen?
Hi Jen,
Thank you for reaching out to us.
To obtain the down arrow style on the box roll, you have to set the page header to full screen so the user knows there is more content below. You can set full screen as shown below:
Kind Regards.
Hi Andrew. I already have this.. did you look at my link. I was hoping to get an ANIMATED down arrow rather than the static one as its not easily visable
ie
https://rexobxoc.com/clients/staging/moorgate/
hmm my bad.. why doesn't my link show when I input it in the field for you?
Ah I found that and tried it and nothing happened.
Hi Jen,
You can set a down arrow from the set up below:
Hope this helps.
Regards
Perfect! this is great!
I have this in now.. but if I click on the arrow nothing happens ( it IS a box roll header)
Client is requesting this. Is this because the code applied has # as the link and if so where do I input correct link to nake it go to the first row of the page?
https://rexobxoc.com/clients/staging/moorgate/
ie I have this in the scripts section
and it shows the #
<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>
Hi Jen,
Change arrow style to default in Salient > Page header.
Hope this helps.
Hi, I am really happy with the new animated arrow style... But its not clicking. its showing a #
Hi Jen.
Sorry for the late response.
I see the arrow is clickable and now it goes to the first row on click.
Regards.
because I reverted to the normal non animated arrow
Hi Jen,
We are glad you were able to work around it. Hoping that solved the issue.
Kind Regards
I was completely unable to work around and had to revert as client was unhappy that it wasn't working
Hi Jen.
We are sorry to hear this.
Thanks.