WP Page Setup [ 4, 5 & 6 ]

When you edit the Header Themer layout before opening Page Builder, there are three settings that control how the header behaves.

• Sticky: This is equivalent to the fixed header in the Beaver Builder Theme. The header stays in place at the original size while the page is scrolled.
• Shrink: If you choose a sticky header, you also get the option to shrink it as the page scrolls up. The amount of shrink is determined by the height required for the full-size header logo, text, and menu.
• Overlay: The row background for the header becomes transparent, and the content row moves up to the top of the window. The overlay appears on all screen sizes.

Note: Fixed and sticky headers only apply to large devices. No matter what the setting, the header scrolls up out of sight on medium and small devices.

Choose "default" from the "background" drop-down which appears after clicking "yes" on "overlay".

Then in Beaver Builder, style the header color and set its opacity as needed within the header row module itself. 

You can enable all three sticky, shrink, and overlay settings, and here's how that all works together.

• As described above, the Overlay setting works on all device sizes, but the Sticky and Shrink settings only work on large devices.
• If you enable Overlay plus Sticky, on large devices the transparent header converts to a sticky header as soon as you start to scroll. The sticky header background is whatever you set for the header row background.
• If you enable Overlay plus Sticky plus Shrink, the header shrinks as you continue to scroll down, just the same way it does when there's no overlay.