Problem implementing down angle navigation arrow

Hi, I’ve following the instructions here https://theme.co/apex/forums/topic/down-angle-navigation-arrow/ and can get the solid outline of .x-slider-scroll-bottom to appear, but the x-icon-angle-down won’t appear. Have tried applying custom CSS height/width, font size, etc but can’t get it to work.

Page is here: http://cp375.ezyreg.com/~inin4701/contact/

Hope you can assist!

Hi,

Please change your code to this.

<a href="#x-section-2" class="x-slider-scroll-bottom bottom center"><i class="x-icon-angle-down" data-x-icon="&#xf107;"></i></a>

Hope that helps.

Thanks Paul, that worked. Could you explain the data-x-icon property in case I need to do this with a different icon in future?

HI,

You can use the cheatsheet below to know what to put in in the data-x-icon.

http://khan.github.io/Font-Awesome/cheatsheet/

Make sure to change the class as well.

So for example if you want to create a heart icon, the code will be

<i class="x-icon-heart" data-x-icon="&#xf004;"></i>

Hope that helps

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.