How to Manage Spacing in Headers Using Astra?

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.

Make a note, when you enable Shrink Effect for Sticky Header, top and bottom spacing for Site Identity, Primary Header, and Primary Menu/Submenu will be removed. While Left and Right spacing will remain as it is.

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Sticky Header module of Astra Pro Addon.