Introducing the Astra Below Header Module: Extending the display of content below the main navigation.

Astra Pro The Below Header module provided by the plugin provides additional layout space for the top structure of the site. This flexible content area is located in the mainnavigatorBelow, suitable for menus, contact information, buttons, social icons or other additional content, feel free to add a variety of useful elements to enhance navigation aids.

Layout of the Below Header structure

The Below Header offers two layouts:

• The first one isleft and right dual zoneStructure that allows content to be distributed on the left and right, suitable for scenarios where multiple sets of information need to be displayed

• The second is a centered, single-zone structure that focuses on a single piece of content, such as an announcement, promotion, or reminder.

exist Astra In version 3.0 and above, this module has been integrated into the Header Builder in the bottom area of the editor. Users can adjust the order and content type directly in the editor.

Types of content that can be inserted

menu
After creating a menu in Appearance Settings, assign it to the Below Header area, where it will be displayed.navigatorThe

search function
Add a search icon that expands the input box when clicked to enhance information retrieval.

Text or HTML
Email, phone number, reminder message or button can be added, suitable for displaying short content.

gadget
Support for default components and components generated by third-party plugins, such as language switching, forms or notification functions. The path is:exterior condition > customizable > gadgetThe

Appearance Setting Options

Borders and Height
The color and width of the bottom border can be set to enhance the sense of area separation. The height of the area can also be adjusted via the slider.

Color Configuration
Go to the Below Header settings area in the Customizer to modify the background color, text color, link color and color on hover to match the overall color scheme.

Layout settings
Supported Settingscalligraphic styleFamily, font size, font weight and other parameters to maintain text clarity and overall style coordination.

Mobile Optimization Features

Below Header supports mobile device display optimization:

• Choice of content arrangement (landscape or stacked)
• If the displaymenuThe burger icon can be labeled to indicate content attribution.

• You can enable the menu merge function to merge the lower menus into the main menu structure to keep the navigation bar simple and unified.

summarize

The Below Header module gives the top of the website the ability to display more information. Its dual-zone and single-zone layouts can be adapted to a variety of scenarios, with colors, typography, and mobile settings to create a unified and clear navigation hierarchy. For websites that need to highlight top content, this module provides a convenient and flexible way to configure it.

Related articles

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off