Keeping different slider arrow labels in fixed position in slider


I have a slider that contains the arrow labels. In tablet view, I want to have them in a fixed position on the page so that they stay under the slider arrows at the distance they are at when you first look at a slide.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


Have you tried to create a div around the icon and adding the arrow underneath to that div?

@Dave_Birnie The issue with that is while the arrows are outside the slide in the navigator and never change, the arrow labels do change per slide. I’ve tried your method where the labels would be under each arrow which are outside the slider in the navigator and I couldn’t figure a way to get the labels to change as the slide changed. Now I have put them in the slide where as the slide changed, the labels change as well. This is where I am at now.