The Omniverse Header Builder allows you to add various elements to your website header to create a fully customized layout.
To add a new element:
- Click the Add Element button (plus icon) in the desired header column.
- A popup window will appear showing all available header elements.
- Select the element you want to add, and it will be placed in the selected column.
Available Header Elements #
You can add the following elements to your header:
- Website logo image
- Main navigation menu
- Secondary menu
- Mobile menu
- Shopping cart widget
- Wishlist icon
- Compare icon
- Search form
- Social media buttons
- Login/Register links
- Categories dropdown
- Vertical separator line
- Horizontal spacing element
- Plain text or custom HTML
- HTML Block (created with page builders)
- Button with link
- Information box
- Sticky navigation
These elements help you build flexible and functional header layouts for different website needs.
Drag & Drop Interface #
After adding elements, you can easily rearrange them using the drag-and-drop interface.
- Move elements between columns by dragging them to a new position.
- Change the order of elements within the same column.
- Hover over any element to access quick actions:
- Edit – Modify element settings
- Clone – Duplicate the element
- Remove – Delete the element
This visual approach makes header customization simple and efficient.
Using HTML Blocks with Page Builders #
The HTML Block element allows you to insert custom templates created with supported page builders such as Elementor or WPBakery (if installed and activated).
This feature is useful when you want to add advanced elements to your header, such as:
- Popups
- Countdown timers
- Custom buttons
- Widgets or design sections not available by default
It helps extend the header builder functionality without custom coding.
