Testimonials arrows


#1

hi
on mobile version on the testimonials section arrows on left and right sides are on top of content.
i have noticed this problem on quill demo as well
do u know how to fix this issue?
thanks


#2

hi, can you post your site link here?


#3

#4

you can try to add this code using costom css plugin:

@media only screen and (max-width: 860px) {
	li.testimonial{
 		padding-left: 10px;
  		padding-right: 10px;
	}
  	.testimonial h4 {
     	padding-left: 13px;
   		padding-right: 13px;
  	}
	
  	.flex-direction-nav .flex-prev{
  		left: 0;
  	}
  
  	.flex-direction-nav .flex-next{
    	right: 0;
  	}
  	
  	.testimonial-body {
    	padding-left: 13px;
    	padding-right: 13px;
    	border-bottom: none;
	}
  	
  	.testimonial-body p {
    	border-bottom: 1px solid #000;
	}
}

#5

it shows like this now


#6

Oh… that’s the width of the content, you can add this (and adjust the value of the width) width: 215px !important; inside li.testimonial.

so the code for the li.testimonial should be like this:

li.testimonial {
    padding-left: 10px;
    padding-right: 10px;
    width: 215px !important;
}

#7

it work now when mobile is on vertical position.
but when it is on horizontal position it has the same problem like before.
can i get ride of arrows to solve the problem?
thanks