Modules are present within the Column. A Column can have multiple modules. Modules in Header Builder are tailor made for a website’s Header. Below are the modules available to construct your header.
Modules added within columns are laid out one beside the other. This will be different to the Tatsu Page Builder, where the modules are always added one below the other
Logo is the most important module for any header. You can upload your logo using this module. The height of the Logo can be adjusted using the option avilable separately for normal header and on sticky header.
This module will layout the menu links in a single row in horizontal fashion. You can choose the menu from the drop down which will list all the menus created under APPEARANCE > MENUS. The module has options to set the Colors and Typography for the Menu and Sub Menu links.
By default the Horizontal menu will turn into a Drop Down menu in Mobile devices.
This module will layout the menu links one below the other in Vertical fashion. You can choose the menu from the drop down which will list all the menus created under APPEARANCE > MENUS. The module has options to set the Colors and Typography for the Menu and Sub Menu links.
This menu is specifically built to be used within a column in the Hamburger Menu module ( explained later in the article )
This Module does not support Mega Menu.
A simple seperator whose height , width and color can be changed.
A module to add singular links.
A module to add search Icon in the Header.
This is another important module in the Header Builder and you can find this module extensively used in our demos. A Hamburger Menu module opens up a Sliding Panel. The Sliding Panel is inturn divided into 3 vertically arranged. Within each column you can add any of the other Header Modules. This enables you to add Logo, Secondary menus, Buttons, Icons etc within the Sliding Panel. The Style of the Hamberburger menu itself, like the BG Color of the Panel, width of the menu icon etc can also be changed. Read this article to know how to edit in TATSU.
A module that presents an Icon, Title and Content in combination. This module supports SVG icons. The module has elaborate typography and color options.
Similar to the modules present in Tatsu Page Builder.
Cart module will be available in Header Module list, if you have activated Woocomerce Plugin in your site for Shop. The number of items added in the Cart will show up over the Icon, and clicking on the icon will open the Shopping Cart in a Siliding Panel.
This module will be available in Header Module list, if you have activated WPML Plugin in your site.