Move Slider navigation arrows

Hi @withatitude

You would need the Advanced positioning for that, but that is a pro only feature. The second easiest way would be using the Links: http://doc.smartslider3.com/article/371-link but the necessary parts are pro only as well.

What you can do in the free version is to move the slides with JavaScript: http://doc.smartslider3.com/article/312-move-to-slides-with-javascript
If you need the buttons to be at the same place on each slider, you could create a static slide: http://doc.smartslider3.com/article/405-slide-manager#create
add some image layers (where you upload your buttons) add some custom class: http://imgur.com/a/8PQgx
just be sure it’s different for the next and previous arrows.
If you would like to have the arrows at different position on each slide, simply add two new layers and fill their CSS class field. (E.g. the previous buttons could have the “previous” class, the next could have “next” class.)

Then you could put a code like this to your theme’s file:

<script>
n2ss.ready(183, function(slider){
    jQuery('.next').click(function(){
        slider.next();
    });
    jQuery('.previous').click(function(){
        slider.previous();
    });
});
</script>

just change 183 to your slider ID: http://doc.smartslider3.com/article/1219-slider-and-slide-id

Hi @withatitude

Unfortunately, it’s possible that even the advanced positioning won’t follow the layer’s position pixel perfectly. (Especially if you have many layers.)

What I would rather suggest trying is to use the Actions at the link: https://smartslider3.helpscoutdocs.com/article/371-link an image layer or even an icon layer.
So just add two extra layers, and with the link -> Actions create the navigation on the slide itself.

Then, to ensure that the navigation always snaps to the sides of the area (I assume) layer, chain them together: https://smartslider3.helpscoutdocs.com/article/488-chaining-layers

This will give a quick and much better result than the Advanced positioning could.