.png){kind=logo}
VL Masthead Module
- 11 Oct 2023
- 1 Minute to read
- Contributors
- Print
- DarkLight
- PDF
VL Masthead Module
- Updated on 11 Oct 2023
- 1 Minute to read
- Contributors
- Print
- DarkLight
- PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Masthead
Masthead is part of your site's page header. It displays the branding identity on the left. You can customize your Masthead area in dozens of ways, from the design itself (module background color and font styles) to text, visibility of Sign-up / Sign-in buttons, Search screen, and more.
Adding a Masthead
- To add a Masthead on any page, go to that page, and click Add Modules on top.
- From the Add a New Module panel, search for the VL Masthead module.
- Drag and drop it into the masthead area of a page.
The top-level navigation menus are also part of your masthead. You can hide/show a specific menu item on the nav bar by platform, learn how.
Customizing your Masthead
If you click into the Masthead module settings, you will see the following options:
- Sponsor Logo
- Brand
- Font Settings
- Platforms
| Sponsor Logo | Upload the image from Content > Images tab and copy the image URL here on Template Builder. |
| Brand | Provide a Module Background Color. |
| Font Settings | Click +ADD to define platform-specific custom fonts for the Search bar and Navigation menu. Set your preference for each platform or group desired platforms into a single item. For example, you might want to apply some custom fonts on Web and Android but use your system fonts for the rest of the platforms. |
| Platforms | By default, the masthead is enabled for all platforms. |
Masthead on mobile/tablet devices
How your Masthead appears on mobile or tablet devices depends on the navigation system defined for apps under Tab Navigation in Global Settings > Other Navigation.
Was this article helpful?