Social testimonial slider stacked up mobile version

[Rennelier]

hello,

I am using the social testimonial slider app and it works perfect for my desktop version but it stacks up weirdly on mobile version. Does anyone know how to make the review appear horizontal on mobile version?

my webshop is www.rennelier.com

[luuquangtinh97]

Please follow step by step below:

1. Click "Edit code"

2. Find "base.css" file

4. Paste code below at the end of "base.css" file and click "Save" button

.shopify-section.srs-section {
 overflow: hidden;
}
@media (min-width: 750px) and (max-width:1024px) {
 .shopify-section.srs-section .srs-testimonial-container {
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 5rem;
 }
}
@media (max-width: 749px) {
 .shopify-section.srs-section .srs-testimonial-container {
 margin-left: auto !important;
 margin-right: auto !important;
  padding: 0 1.5rem;
 }
 .shopify-section.srs-section .srs-testimonial-container .srs_slider .wprs_unslider-arrow.prev{
    left: -10px;
 }
 .shopify-section.srs-section .srs-testimonial-container .srs_slider .wprs_unslider-arrow.next{
    right: -10px;
 }
}