Divi Theme Builder custom global menu drop down goes behind product images

  • Resolved cnelsonjeffers

    (@cnelsonjeffers)


    2 years, 5 months ago

    I am using the Proteo theme with Divi Builder and Woocommerce. When I use the Divi Theme Builder to create a custom global header, the drop-down sub-menus in the header go behind the product images on the page (affects both desktop and mobile views).

    I have tried adjusting the z-index values for the header element and for the page content to bring the drop-down on top of the product images, without success.

    The problem does not occur when using the default WordPress/theme header, only when using the custom global header.

    Problem occurs regardless of browser (Windows 10), but was specifically tested with Edge, Chrome, and Brave browsers.

    Probably I am not targeting the correct element selectors with a modified z-index value, but I have been unable to identify the correct elements or selectors to fix the problem.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter cnelsonjeffers

    (@cnelsonjeffers)

    [UPDATE] Divi developer Elegant Themes was able to troubleshoot and provide a solution:

    Add CSS:

    .et-l–header {
    position: relative;
    z-index: 1000;
    }

    This appears to have resolved the issue in my case.

Viewing 1 replies (of 1 total)
  • The topic ‘Divi Theme Builder custom global menu drop down goes behind product images’ is closed to new replies.