Move Mobile View Testimonial Arrows to Center on a Specific Block

Hi there, 

I've found a few codes for moving testimonial section arrows to center in mobile view, however as I have 2 different testimonial sections on the same page, it's working to move one of them, but not the other. The block I'm looking to move the arrows to center for mobile view only is section-id="66727b6daa6e5a1a9b1ba4eb" 

Thank you in advance! 

Which code did you use & What is page url?

@tuanphan my apologies, I put the url in the original form I filled to post, but it doesn't appear to have shown up. Url is https:www.japanjunket.com.au, I think it may have been trying was this one. 

 

/* Carousel auto arrows */
@media screen and (max-width:767px) {
.user-items-list-carousel .desktop-arrows {
    display: flex !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mobile-arrows {
    display: none !important;
}
}

I understand! Thank you. If you have the code to hide the arrows on just that block in web view, that would be amazing! Thank you so much, have send across $5 for a coffee 🙂 

On 7/10/2024 at 6:24 PM, DHoskin said:

I understand! Thank you. If you have the code to hide the arrows on just that block in web view, that would be amazing! Thank you so much, have send across $5 for a coffee 🙂 

You can use this CSS code

@media screen and (min-width:768px) {
section[data-section-id="66727b6daa6e5a1a9b1ba4eb"] .desktop-arrows {
    display: none !important;
}
}