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