How to Design a Custom Header with Custom Layout Module of Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    Custom Header

    You can design a custom header using Custom Layout module available with Astra Pro. Please refer document, to begin with, Custom Layout module.

    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.

    Selecting a Header layout will replace the current site header with custom layout content. In this case, any settings from customizer will not be applied to a custom header.

    You can design header with any page builder and set them on the entire site or on a particular page/post with display rules.

    Options available for Header layout-

    • Stick– You can choose your custom header to be sticky or not.
    • Shrink– If you set the header to stick on the top of the page, you can decide whether it should shrink or not. Enabling shrink effect will remove all top and bottom space from the header.
    • Stick On– You can choose to stick header on Desktop and/or mobile.

    Display On and User Roles

    You can choose your custom header to display on the entire website or on specific pages/posts with Display On option. You can even exclude a particular page/post by adding them to the Exclusion Rule.
    You can decide a user role for which custom header should be visible. For excluded users, the header set with customizer options will be visible.

    For example:
    If you want to display custom header on the Entire Website except for 404 page for all Logged In users, you need to set the following options-

    • Display On: Entire Website
    • Add Exclusion Rule and set Do Not Display On: 404 Page
    • User Roles: Logged In

    Responsive Visibility

    This option lets you choose a device where you wish to display the custom layout. Just tick the checkbox for required devices – Desktop, Tablet, and Mobile.

    Time Duration

    You can set a start time and end time for layout visibility. Set a date and time duration for the layout.

    Layout will be visible for selected duration.

    Note: Once the time duration ends, the custom layout set as the header will disappear and the header designed with Astra customizer will be displayed as a header. 

    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.