Is it possible to have the the slide text below the slider?

Why not move the slider arrows with some CSS?

So here’s the existing CSS for the arrows:

.sa_owl_theme .owl-nav div,
.sa_owl_theme .owl-nav button {
	position:absolute;
	top:50%;
	padding:2px 0px !important;
	display:inline-block;
	margin-top:-20px !important;
	line-height:30px !important;
	height:40px !important;
	width:30px !important;
	transition:all .3s ease-in-out !important;
	-webkit-transition:all .3s ease-in-out !important;
	-moz-transition:all .3s ease-in-out !important;
	-o-transition:all .3s ease-in-out !important;
}
.sa_owl_theme .owl-nav .owl-prev {
	left:10px;
}
.sa_owl_theme .owl-nav .owl-next {
	right:10px;
}

So the CSS you could use would look like:

#SLIDER_ID .owl-nav div,
#SLIDER_ID .owl-nav button {
	top:50% !important;
}

NOTE1: Replace ‘#SLIDER_ID’ with the CSS ID of your slider
NOTE2: Change the ‘top:50%’ to whatever you want

Well that’s the problem, the image resizes accordingly, but the text at the bottom is one line in the beginning and 5 lines on smaller screens, which resizes the container and the arrows aren’t centered anymore. But I’ve solved it with various mediaqueries and min-height for the text below, thanks