White blur on carousel product widget

I’m having an issue where this white blur appears on the side of the product in the carousel widget when I access it on mobile, how do I remove it?

Attachments:

You must be logged in to view attached files.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.wd-carousel-dis-mb .wd-carousel-wrap {
    mask-image: unset !important;
    -webkit-mask-image: unset;
}

Best Regards.

Ok, it worked but the arrows don’t appear on mobile

Hello,

Navigate to Pages > Edit this page with Elementor > Edit Product Grid or Carousel Widget and in the style tab > Expand the Carousel Settings and disable the option “Hide prev/next” button.
https://ibb.co/nPvs3R6

Best Regards.

[Author]

Posts