How to Manage Spacing in Headers Using Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    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 > 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 Header Spacing, Astra 3.0+

    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.
    Primary Menu Spacing, Astra 3.0+

    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.

    Above Header Spacing, Astra 3.0+

    Setting will be available under Appearance > Customize > Header > 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 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.

    Below Header Spacing, Astra 3.0+

    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.

    Menu Item Spacing, Astra 3.0+

    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.

    Sticky Header Spacing, Astra 3.0+

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

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.