How to Manage Spacing in Headers Using Astra?

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 HeaderPrimary MenuAbove HeaderBelow HeaderSticky Header

Primary Header

Option to set spacing for Primary Header and Primary Menu/Submenu can be found under Appearance > Customize > Layout > Primary Header

Header Space – A primary header is a part where your site identity and primary navigation menu appears. You can set spacing around the content in it.

Primary Menu

Menu Space – Primary Menu is a navigation menu 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 Space – The spacing value set for Primary Submenu will be applied as padding around each submenu item.

Above Header

When you activate Header Sections Addons from Appearance > Astra > Addons > Header Sections and enable Above Header on the site, you can see this option. You can read more about Header Sections Addon from here.

Setting will be available under Appearance > Customize > Header > Above HeaderAbove 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 Astra Pro Addon plugin. Learn more about the Header Sections module of Astra Pro Addon.

Below Header

When you activate Header Sections Addons from Appearance > Astra > Addons > Header Sections and enable Below Header on 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 > Below Header

Below Header Space will add padding to below header section from all sides.

When you select Menu option for either section in below header, spacing options for 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 Appearance > Astra > Addons > Sticky Header 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.

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注