Header Structure #
When editing your header using the Omniverse Header Builder, you will see a layout divided into three main rows, each containing three columns. These rows represent the key sections of your website header:
- Top Bar – Typically used for announcements, contact info, or secondary menus
- Main Header – Usually contains the logo, navigation menu, search, cart, and important elements
- Header Bottom – Often used for additional menus, categories, or extra content
All columns work as drag-and-drop container areas. You can add elements to any column and easily move them between columns to create your desired header layout. This flexibility allows you to organize header content in any order.
Row and Column Settings #
Each header row has its own customization options. Click the Edit icon on any row to access its settings.
From the settings panel, you can:
- Adjust row height
- Configure color schemes
- Add borders or bottom border lines
- Set background colors or images
- Enable sticky header behavior during scrolling
- Show or hide rows on desktop or mobile devices
- Choose the row layout structure
These options help you fully customize the header appearance and responsiveness according to your website design needs.