The App Header functionality allows you to replicate app style headers on your website. The functionality behind it is that the header takes the top part of the background of the hero header on scroll, giving your page(s) a unique look.
To enable the app header on your desired page, simply follow the steps below:
- Edit the page, and in the Meta Options > Page Title panel, ensure that you have the Page Title Style set to “Hero”, and also that you have provided an image.
- Under Meta Options > Page Header, enable the App Style Header option.
NOTE: The hero heading height will be restricted to the height of the image as it resizes, to ensure that the image is not duplicated. We recommend that you use an optimised image of around 1920×1080 for the optimum quality across all browsers.