How to prevent dragging over specific elements?

Add rsNoDrag class to element that shouldn't be draggable (or to its parent). This might be also useful when you have form elements inside slider that might be blocked on touch devices.

All child elements of element with class rsNoDrag will not be draggable. For example:

<div class="rsNoDrag">This text won't be draggable by the slider.</div>

If you wish to disable mouse-dragging or touch navigation completely, use sliderDrag and sliderTouch options https://dimsemenov.com/plugins/royal-slider/documentation/#options