1. Build your header using the Header Builder.
2. Recreate your header on the second builder row. (You can create a totally different header if you want.)
3. Open the header’s first row’s settings by clicking on the little wheel that appears once you hover with your mouse over the row.
4. In the Style tab, update the Row height control to 200 px, or whatever value you feel is consistent with your design.
P.S Here is where you can also change the Skin Mode ( light or dark ) or choose a different background color for the row.
5. Like before, open the header’s second row’s settings by clicking on the little wheel that appears once you hover with your mouse over the row.
In the Layout tab, you need to check the Stick to top and Show only on scroll options.
P.S In the Style tab is where you can also change the Skin Mode ( light or dark ) or choose a different background color for the row.
6. Save the options, scroll and enjoy your new shrinking header.
