Navigation
Archive / Revolution Slider – Scroll down button
This is archived content. Visit our new forum.
  • Author
    Posts
  • July 14, 2015 at 7:12 am #329734
    dmuller
    Participant

    URL: http://www.dmuller.co.uk/guest_sites/dmullerdesign-wp/
    Stack: Integrity

    Hi again,

    Okay, I’m very nearly there with the homepage to my site. Just one issue remains.

    As my slider is fullscreen I would like an obvious arrow in the same style as the text and buttons on the slider (white with black shadow). This would encourage the viewer to scroll down to the content beneath.

    If I put the slider below the masthead I can make use of the built-in arrow function in Cornerstone, but then I find the slider doesn’t fit the screen properly and doesn’t hide on mobile devices as it’s supposed to.

    So. I put the slider in one row, set to show on desktop etc. but hide on mobile; and added a second row with a static image that shows on mobile but not on desktop.

    I think the solution to this lies someplace in this thread:

    https://community.theme.co//forums/topic/scroll-bottom-anchor-button-for-each-content-band-and-75-wide-header-and-footer/

    But I don’t need anything remotely as complex as that, just a simple icon at the bottom of the slider only. Like this example (arrow at the base of the image):

    http://prntscr.com/7sjhox

    July 14, 2015 at 7:16 am #329740
    dmuller
    Participant

    Or maybe I could add an anchor in the next row and link to that with a button layer within the revolution slider?

    July 14, 2015 at 7:23 am #329753
    Christopher
    Moderator

    Hi there,

    If you want to set up a slider in content band you should add this code just below slider shortcode :

    <a href="#" class="x-slider-scroll-bottom above bottom center"><i class="x-icon-angle-down" data-x-icon=""></i></a>

    Instead of # put next section ID like #x-section-3
    Note that you need to switch to text tab of editor and add code in there.

    Thanks.

    July 14, 2015 at 7:39 am #329767
    dmuller
    Participant

    With a little additional CSS this is perfect!

    Thank you – btw, was this information in the knowledge base someplace? If I knew better where to look I could save
    pestering you guys with questions 😉

    David.

    July 14, 2015 at 8:09 am #329795
    Paul R
    Moderator

    Hi David,

    No, it’s not in the knowledge base but you can check this video for future reference.

    https://community.theme.co//kb/sliders/

    Thanks

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-329734 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>