🔷 Header Config
Overview
The Header Config controls the appearance and layout of the top bar in your app.
This is visible on most screens and typically includes:
-
Your logo or title
-
Navigation icons
-
Background styling
Where to find it
App Centre → Header → Header Config
What you can control
From this page, you can:
-
Set header background colour
-
Adjust header height
-
Upload a logo or header image
-
Control general styling of the top bar
How to use Header Config
1. Set colours
-
Choose a background colour that matches your brand
-
Ensure good contrast with icons and text
2. Set height
-
Adjust the header height
-
Avoid making it too large, as this reduces usable screen space
3. Upload header image/logo
-
Upload your logo if required
-
Recommended:
-
Keep file size small
-
Use clean, high-contrast images
-
Best practice
-
Keep the header clean and minimal
-
Avoid overcrowding with too many elements
-
Ensure branding is consistent with your website