Greenlet provides an option to create unlimited number of headers and footers. This is a rare feature we see in WordPress themes, even in Premium versions.
A fresh Greenlet theme installation enables one header by default. This default header contains 3-9 columns arrangement out of which the first 3 columns section contains the logo and second 9 columns section contains first available menu.
To edit this header or add extra headers navigate to Appearance > Customize > Layouts > Header Layout or Footer Layout.(Note: Clicking on Footer Layout will disable infinite scrolling temporarily if infinite scrolling is enabled via Blog settings)
In the Header Layout section you can find the default header. You can also find 2 “+” buttons, one placed above the Header 1 and another – below.
Clicking on either of these buttons will add additional header above or below the default header accordingly.
Additional headers will be empty by default. Once a header is created we can chose the layout for the added header by selecting the column layout from the available options.Default columns arrangements are: 2-10, 10-2, 3-9, 9-3, 4-8, 8-4, 4-4-4, 3-3-3-3, etcIf the column arrangement you are looking for is not available, you can also enter the column layout manually in the advanced section in the following format.
Example: 5-7, 2-2-2-2-2-2. (Integers less than 12, separated by hyphen, sum of integers to be 12 to have proper 12 column layout)
Once the column layout is selected, the column content section will provide an option to add content to the column according to the layout.
By default Greenlet provides the following contents for Header and Footer sections:
- Menu toggler
- Cart button (If WooCommerce is activated)
Installing Greenlet booster plugin will also provide following options (in future):
- Social buttons
- HTML (?)
- PHP (?)
- And many more
Click the “+” button in the respective column and select the content. If the content has extra settings, it can be accessed by clicking the particular content item. Eg: Click “Menu” and it will enable you to select a menu item to show.
Click on an item in the content section, this will show a delete button in the right side of the content. Clicking the delete button will remove that item from the respective column.
A header or footer can be made “Primary” by enabling the “Primary” toggle. The primary header will have a <header> HTML tag. Non primary header will have <section> tag. The primary footer will have a < footer> HTML tag. Non primary footer will have <section> tag.
A header can also be made vertical by selecting the “Right” or “Left” option under the “Vertical” select option. This will place the header or footer on the respective side of the page.
A header can be removed by clicking the “Advanced” option and clicking the delete button.