5 - How To Change And Set Header

1. Access Header Settings 

Click the header action to display the header action button.
Access Header Settings

2. Edit header button

click the edit option to Navigate to the Header template to view and edit existing menus.
Edit header button

3. Select Header design Options

Click the header options to change for header design.
Select Header design  Options

4. Check a Include Search Resulta

If you select Included Search Result, the search results will appear directly in the header search box modal when you perform a search. If you uncheck Included Search Result, the search will be performed on the page itself, and results will be displayed there.
Check a Include Search Resulta

5. Social Link Penal

Setup Social Link Penal in header
Social Link Penal

6. Select header container size

Choose header container size.
Select header container size

7. Click Menus Tab

Click 'Menus' to manage your website's navigation menus and structure.
Click Menus Tab

8. Add New Menu

Click 'Add Menu' to start defining a new menu for your header.
Add New Menu

9. Enter Menu Name Field

Click the 'Enter Name' field to specify the name of your new menu.
Enter Menu Name Field

10. Open Page Selection

Click 'Select a Page' to link your new menu to an existing page.
Open Page Selection

11. Choose Products Page

For example select the 'Products' page to associate it with your new menu item.
Choose Products Page

12. Set to Is Dropdown

When you click “Is Dropdown”, the Add Child Menu button will appear, allowing you to create a dropdown menu.
Set to Is Dropdown

13. Add Child Menu

When you click the Add Child Menu button, a form will appear to add the menu. You can set the menu details there, and it will create a dropdown menu item.
Add Child Menu

14. Save Changes

Click the Save Changes button to save all the changes made to your header.
Save Changes

15. Patch header

When you save the header after making changes, it is automatically updated and patched in the builder page, allowing you to see your changes and make further updates if needed.
Patch header

16. Open New Menu Dropdown

Click arrow down icon button to check submenus
Open New Menu Dropdown
We have learned how to set up the header in Boni, modify its design, add menus, and create dropdown menus. All these settings have now been successfully configured.

Uploading...