Including a Repeater above a Product Builder causes overlay header to display a background

[sdafrontdev]

Describe the bug When a page has the header set to overlay and a Repeater helper element is present above an Oxygen Woocommerce Product Builder element, the header displays correctly (as overlay) in the builder, but on the front end the CSS for the overlay header background (background-color: initial !important;) is not applied.

Have you tried all the steps at https://oxygenbuilder.com/documentation/troubleshooting/troubleshooting-guide/? Yes

Are you able to replicate the issue on a Sandbox install at https://oxygenbuilder.com/try? Yes

• The issue is present on this page: http://blushing-millipede.w6.wpsandbox.pro/repeater-above-product-builder/
• This page has the order reversed, with the product builder above the repeater, and with this order the overlay header displays correctly: http://blushing-millipede.w6.wpsandbox.pro/repeater-below-product-builder/
• The one click login for the sandbox install is at: http://blushing-millipede.w6.wpsandbox.pro?upass=H7Ii3KGp1la0

To Reproduce

1. Install WooCommerce plugin
2. Create a product
3. Create an Oxygen template and apply it to Catch All
4. Add a header builder and inner content to the template
5. Add a pro menu to the header builder
6. Give the header builder a background
7. Apply some spacing to make the header builder larger
8. Save the template
9. Create some post categories (I used FakerPress to do this)
10. Create some posts with various categories (I used FakerPress to do this)
11. Create a new page and edit with Oxygen
12. Manage > Page Settings > Overlay Header > Always
13. Add some content to the page (divs, text block, etc.)
14. Add a new div and add a Repeater
15. Set repeater Query params to post type:post, filter "in any" with at least two categories
16. Add a heading to the repeater div with dynamic data - post title
17. Add an image to the repeater dive with dynamic data - featured image Note: at this point I saw an error flash in Oxygen Builder but did not get a chance to screenshot it before it disappeared
18. In a new div within Inner Content below the repeater, add a WooCommerce Product Builder. In my case the only child element of the Product Builder is a Product Cart Button.
19. Set the product id to the match the product created in step 2
20. Save
21. View the front end of the page
22. The header shows a background, which it shouldn't

Expected behavior Page settings > Overlay Header > Always = the header should not have a background. Normally the CSS applies this rule to make that happen: body.oxy-overlay-header .oxy-header:not(.oxy-sticky-header-active), body.oxy-overlay-header .oxy-header:not(.oxy-sticky-header-active) .oxy-header-row { background-color: initial !important; }

What actually happens The header has a background. The CSS that should normally be applied, as described above, is not included.

Desktop (please complete the following information):

• OS: Windows 10
  • Browser: Edge
  • Oxygen Version: 3.7

[KittenCodes]

Replicated & reported internally.