Related product arrows not aligned properly

Hi, arrows switching related products are out of center.
Please check following:

Hello,

Yes, they are not in the center. That is the design of the theme: https://gyazo.com/198f89c3dcc8e332ff8b47154bc0ebd5

Best Regards

OK, it’s the design of theme indeed. In that case is there a way to make them centered without affecting product images gallery, slider etc.?

Hello,

These arrows are fixed for the case block may have more than one row https://gyazo.com/0b36047d92e9898d4ecd052af7855c40

It is designed for better convenience during the scrolling.

Best Regards

I agree that this approach works good for multiple rows, but it looks odd when there’s only one row. I already had to fix this issue for variation images on mobile.
So please provide a way to target the CSS of related products block arrows.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .owl-nav>div, .wrap-loading-arrow>div {
    top: 37%;
}

Best Regards

[Author]

Posts