Astra Pro Page Header Module Explained: Creating Personalized Page Header Areas

Astra Pro The plugin provides the Page Headers module to create page header fields for your website, includingcaptionStyle,breadcrumb navigationThe program can be customized to fit a variety of page structures and display needs, such as background settings and layout methods.

pre-conditions

To use this module, you need to install the Astra theme and the Astra Pro plugin and enable the Page Headers module in the backend.

Enabling Steps

Install and activate the Astra Pro plug-in
Go to backstage > Astra > Astra Pro Modules, Enable Page Headers Module

Click the "Settings" button to enter the Page Headers settings interface.

Page Header Setting Process

Click "Add New"Add newfootergave a name to

Configuring Page Header, Site Header and Display Rules
Save the release for immediate effect

Page Title Layout

Page Header
Page title and breadcrumbs up and down and centered

Inline
headings andcrumbDisplayed on the left and right sides respectively

breadcrumb navigation

Enable to display the current location path to help visitors quickly return to higher-level content

Header and breadcrumb colors

Text color can be set separately to adapt to the page color style

Background settings

Custom sizes
Set the top and bottom inner margins and control the header height freely.

full screen mode
Show header area as full-screen background

Colors and picture backgrounds
Can set a solid color background or upload a background image

overlay color
Add transparent overlay colors to images to enhance contrast

Featured Image Replacement Background Image
Automatically use articles orweb pageThe featured image in the background

parallax scrolling
The background moves at different speeds during scrolling to enhance the visual dynamics of the page.

Site Header (Site Header) Related Settings

Merge Header
When enabled, the page header is displayed in conjunction with the site header and the background is automatically applied to the entire header area
Top of page visual more unified, suitable for transparent navigation design style

Logo Configuration
Support for uploading site-specific logoThe width can be set separately for Normal and Retina HD.

menu settings

Main menu color
Customizable background color, link color, hover color, etc.

Submenu colors (since v2.5.0)
Provides sub-menus for the main menu and upper and lower header areasmenuColor settings

Selecting menu contents
Can replace the default main menu and select other menus for presentation

Adding customized menu items
Text can be added to the end of the menu,HTMLContent, buttons, search icons, widgets, etc.

Display menu items independently on mobile
Customized menu items can be displayed separately from the main menu on mobile for easyresponsiveopening (chess jargon)

display control

Page condition display
Choose which pages, articles or categories to display specific headers on

Display by User Role
You can set the display scope corresponding to different user roles, for example, visitors and logged-in users see different content.

summarize

The Page Header module isAstraPage title design provides highly flexible control items, suitable for application in blog homepage, service page, brand introduction and other scenarios. Match the background image,opening (chess jargon)Styles and menus are customized to be able to create a visually appealing first screen of the page.

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