-
AuthorPosts
-
September 23, 2014 at 4:45 pm #323785
Hi!
I have an advanced slider in top of a page and I want to have some kind of button or icon below attached or perhaps on top ot the slider in a layer with a link to an anchor further down on the page.
I have tried to use an icon below the slider, but that took up too much space and it pushed the headlines too much downwards. The point with a link ( #scrollPage ) and an anchor ( <div id=”scrollPage”></div> ) further down is to make people aware of the content further down.
Any ideas how this could be done? Absolute/relative position? It must work on all kinds of units.
September 24, 2014 at 5:38 am #324037Hi!
Which slider are you using exactly? can you post a link to your website?
Best regards,
JosueSeptember 24, 2014 at 10:24 am #324135This reply has been marked as private.September 24, 2014 at 2:02 pm #324252Hey!
Do you mind creating a temporary admin login and posting it here privately?
Best regards,
YigitSeptember 25, 2014 at 10:26 am #324877This reply has been marked as private.September 26, 2014 at 6:02 am #325401Hey!
Thank you for the info but the login credentials are not working. You can add a color section below the layer slider then apply a unique css id to it. Use “scroll-down” for example. Add this at the very bottom of functions.php:
function add_scroll_down_arrow() { ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('#scroll-down').append('<a href="#scrollPage" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>'); jQuery('#scroll-down').css('position', 'relative'); }); </script> <?php } add_action('wp_head', 'add_scroll_down_arrow');
Regards,
IsmaelSeptember 26, 2014 at 10:47 am #325496Thanks for the code! I will try it later. :)
September 26, 2014 at 2:01 pm #325579October 10, 2014 at 10:01 am #333767Would it be possible to lower the hight of the color section with CSS? Without the setting “no padding”, it’s still to high and push the headline to far down.
October 10, 2014 at 6:25 pm #334022Hey!
Can you please post the link to your page and point out the color section element?
Regards,
YigitApril 7, 2015 at 10:42 am #424556Hi,
I used this code but the page won’t scroll down when pressing the arrow. The link says #scrollPage, like #top you would expect it to scroll. What am I doing wrong? Thanks!
Cheers,
TonyApril 7, 2015 at 1:36 pm #424646Hi!
Can you please post the link to your page and point out the issue please so we can make sure that we are on the same page?
Please also see – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.