Products Carousel Arrow Problem

As seen in the attachment, if I am using column using jscomposer, the arrow ignore the column and positions itself all the way to the right.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for choosing our theme and contacting us.

It seems that products arrows work only for full width element. Could you provide your authentication login and password so we can prepare a custom solution for you?

Kind Regards
XTemos Studio

Sure, I have added the info, also the wp-login info. Only request I have at this time, if you make anychanges to anyfile, just let me know which ones are they, so I can update my files too.

If you plan to just give me a CSS and JS snippet, that is fine as well, I will update my child CSS and JS file.

Hello,

Sorry, but we can’t make them works for columns smaller than a container. As a temporary solution you can make them always visible on a fixed position with this CSS snippet

.pagination-arrows {
    position:relative;
}
.basel-products-load-next, 
.basel-products-load-prev {
    position:absolute;
    z-index:30;
    margin-top: -50px;
}
.basel-products-load-prev {
    left: -50px!important;
}
.basel-products-load-next {
    right: -50px!important;
}
.basel-products-element .basel-products-loader:after {
    position:absolute;
}

Regards

[Author]

Posts