Hello,

1-Please add this code:

@media (max-width: 480px){
.owl-prev {
    left: -35px !important;
}
.single-product .related.products .owl-nav > div:after {
    top: 9px !important;
}}

Result screenshot: https://postimg.org/image/69wtqd6b9/

2-Please go to file css/codeless-woocommerce.css and find these lines:

@media (max-width:500px){
    .woocommerce .products ul,
    .woocommerce ul.products{
        margin:0 0px;
    }
    .woocommerce ul.products[data-columns-mobile="1"] .product_item .inner-wrapper{
        padding-left: 0 !important;
        padding-right:0 !important;
    }

Remove te !important from padding-left: 0 !important;
Then add this code into your Additional css menu:

@media (max-width: 480px){
.woocommerce ul.products[data-columns-mobile="1"] .product_item .inner-wrapper {
    padding-left: 75px !important;
}}

I have added these changes to our to-do list to add them in the next update!

Best regards!