Solved DU Slider Section - showing odd overlay

Kindly share your URL.

 

Looks fine on my side:
**Using Windows 10 chrome.



By the way, I noticed that the menu dropdown arrow is not displaying at the right location on Woo product pages. Here's a quick CSS fix to be placed in WP Admin > Divi > Theme Options > Custom CSS:

Code:

@media only screen and (min-width: 981px) {
    #page-container .free-header-menu .et-menu>li>a:after, .et-db #page-container #et-boc .free-header-menu .et-menu>li>a:after {
        top: 0!important;
    }
    .free-header-menu .et-menu li li.menu-item-has-children>a:first-child:after, .et-db #page-container #et-boc .free-header-menu .et-menu li li.menu-item-has-children>a:first-child:after {
        top: 6px;
        right: 17px;
    }
}

We will update all the related Divi Block accordingly to include the CSS fix.

 

I noticed that your slider background has dark gradient set & you use filter to adjust it back to be brighter.

You may try to remove both:
1. individual slide settings > dark gradient background
2. main slider module settings > filter

That might be the cause of your issue. Though, it looks fine on my side.