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

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.

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.

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

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

Thanks