How to prevent transparent header flash on load

On some pages that have long load times you might notice a flash of white before the transparent header loads. This is caused by the transparent header body class being added too late.

To prevent this, you can add the following class on a per page basis:

has-transparent-header

This can be added to any single page or post from the Layout Settings section below the content editor: