How can I add multiple elements in the Astra Header/Footer Generator?

Used Astra Header Footer Generator People will be impressed by the ingenious design and easy to use functions. When there is a need for more header/footer elements, you can also manually add multiple elements.

Friends who don't know how to use Astra header/footer generator, please go to How to use the Astra Theme Header Generator ， How to use the Astra Footer Generator to create a website footer 。

1. The following tables are the default elements and functions of the header editor in the Astra theme and Astra Pro plug-in:

2. The following table shows the default elements and functions of the footer editor in the Astra theme and Astra Pro plug-in:

3. Difference between header and footer elements in Astra theme and Astra Pro plug-in

The number of each element of the Astra theme is limited. In Astra Pro, the default number is more. If it is not enough, the number can be expanded.

For example, Astra provides a Button element by default. When the Astra Pro plug-in is activated, two buttons are available.

After the Astra Pro plug-in is enabled, more elements can be expanded if the number of elements is not enough (the upper limit is in the table above). You can extend operations on most elements in the Astra header/footer builder and add multiple elements.

4. How to add multiple elements to Astra header/footer

Purchase, install and activate the Astra Pro plug-in This step is the first to complete.

Install and activate the Astra subtheme , used to add custom code for multiple elements.

Edit the functions.php file of the Astra subtheme, and add the following code at the end.

/**
Update the count of elements in HF Builder.
*
@return array $elements
*/
function astra_builder_elements_count( $elements ) {
$elements[‘header-button’] = 3;
$elements[‘footer-button’] = 3;
$elements[‘header-html’] = 3;
$elements[‘footer-html’] = 3;
$elements[‘header-widget’] = 3;
$elements[‘footer-widget’] = 3;
$elements[‘header-social-icons’] = 3;
$elements[‘footer-social-icons’] = 6;
return $elements;
}
add_filter( ‘astra_builder_elements_count’, ‘astra_builder_elements_count’, 10 );

In the above code, header button=3 means adding three header buttons, and footer social icons=6 means adding six social media icons, which is easy to understand.

For example, footer widget=6 means adding 6 gadgets to the footer, as shown in the following figure: