Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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.

    #324037

    Hi!

    Which slider are you using exactly? can you post a link to your website?

    Best regards,
    Josue

    #324135
    This reply has been marked as private.
    #324252

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #324877
    This reply has been marked as private.
    #325401

    Hey!

    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,
    Ismael

    #325496

    Thanks for the code! I will try it later. :)

    #325579

    Hey!

    Please try and let us know.

    Cheers!
    Yigit

    #333767

    Would 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.

    #334022

    Hey!

    Can you please post the link to your page and point out the color section element?

    Regards,
    Yigit

    #424556

    Hi,

    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,
    Tony

    #424646

    Hi!

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.