Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 23, 2014 at 4:45 pm #323785
    Effektid

    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 #324037
    Josue

    Hi!

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

    Best regards,
    Josue

    September 24, 2014 at 10:24 am #324135
    Effektid
    This reply has been marked as private.
    September 24, 2014 at 2:02 pm #324252
    Yigit

    Hey!

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

    Best regards,
    Yigit

    September 25, 2014 at 10:26 am #324877
    Effektid
    This reply has been marked as private.
    September 26, 2014 at 6:02 am #325401
    Ismael

    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

    September 26, 2014 at 10:47 am #325496
    Effektid

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

    September 26, 2014 at 2:01 pm #325579
    Yigit

    Hey!

    Please try and let us know.

    Cheers!
    Yigit

    October 10, 2014 at 10:01 am #333767
    Effektid

    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.

    October 10, 2014 at 6:25 pm #334022
    Yigit

    Hey!

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

    Regards,
    Yigit

    April 7, 2015 at 10:42 am #424556
    same-d

    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

    April 7, 2015 at 1:36 pm #424646
    Yigit

    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

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