Hub Elementor - Adaptive Colors

You can use adaptive colors for both page background and header:

1. Adaptive Page Background: Open the page with Elementor and go to Settings > Page Options. Simply enable this option: 

• Now you need to change the background colors of the sections on your page. You can change them from the background option in the style tab.

  

2. Adaptive Header: Open the header with Elementor and go to Settings > Header Options and enable "Sticky Dynamic Color".

If preferred, you can assign custom colors on different row sections: