This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.
You can manage the spacing using the Spacing module available with Astra Pro. Please refer document, to begin with, Spacing module.
In this, you get an option to set spacing for the header layout. Enabling Spacing Addon will add options to following header layout –
- Primary Header
- Primary Menu
- Above Header
- Below Header
- Sticky Header
Primary Header
Option to set spacing for Primary Header and Primary Menu/Submenu can be found under Appearance > Customize > Header Builder.
- Header Space – A primary header is a part where your site identity and primary navigation menu appear. You can set spacing around the content in it.
Primary Menu Spacing
Navigate to Appearance > Customize > Header Builder > Primary Menu. Here, go to the ‘Design‘ Tab and scroll down to the Spacing module.
- Menu – Primary Menu is a navigation menu that appears inside the primary header. The spacing value set for this will be applied as padding around each menu item. It allows you to adjust space between each menu item.
- Submenu – The spacing value set for Primary Submenu will be applied as padding around each submenu item.
Above Header
When you activate Page Headers Addons from the Astra dashboard and enable Above Header on the site, you can see this option. You can read more about Header Sections Addon from here.
The setting will be available under Appearance > Customize > Header Builder > Above Header
Above Header Space will add padding to the above header section from all sides.
When you select the Menu option for either section in the above header, spacing options for the above header menu and submenu are visible. Padding will be applied for the individual menu item with this.
We provide more styling options in dedicated modules of the Astra Pro Addon plugin. Learn more about the Header Sections module of Astra Pro Addon.
Below Header
When you activate Page Headers Addons from the Astra dashboard and enable Below Header on the site, you can see this option. You can read more about Header Sections Addon from here.
The setting will be available under Appearance > Customize > Header Builder > Below Header
Below Header Space will add padding to below header section from all sides.
When you select the Menu option for either section in the below header, spacing options for the below header menu and submenu are visible. Padding will be applied for the individual menu item with this.
We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Header Sections module of Astra Pro Addon.
Sticky Header
If you have activated Sticky Header Addon from the Astra Dashboard and using it on your site, you can manage its spacing.
Spacing values set for Site Identity, Primary Header and Primary Menu/Submenu will be applied to Sticky Header by default.
We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Sticky Header module of Astra Pro Addon.
