I used custom code to create arrows on my testimonials summary carousel.
Here is the code I used:
@media screen and (max-width: 767px) { .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { bottom: -18% !important;}}.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: none; width: auto; position: absolute; bottom: -5%;} .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { background-color: #3c9; color: #fff; padding: 3px;} .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { background-color: #3c9; color: #fff; padding: 3px;}
In the mobile view of the website the arrows move down very far, is there any way to fix this? I attached photos you can see what I mean.
thank you!