How to Add Different Kinds of Headers Using Astra?
Sujay Pawar

September 11, 2017

Introducing: Header Sections

header-section

The header of your website is the first thing visitor sees. It remains consistent on your website and used for placing important items such as logo, navigation, contact details, social media icons, language switcher, et cetera.

So as a part of our efforts to provide users more control on the the header, we’re proud to announce “Header Sections” module in the Pro addon that will be released on September 12, 2017.

How does this work?

When you enable the “Header Sections” module from the Astra Pro addon backend, you will find the “Above Header” and “Below Header” settings in the “Layout”, “Typography” and “Color” settings.

Below are just a few of the screenshots of what is easily possible:

As you might have figured, we’ve provided various options for customizations:

You are able to easily change typography, colors and spacing. Other details such as merging the multiple navigation menus on mobile layout, compatibility with Sticky Header are taken care too.

We hope Header Sections module will provide you more space in the header area if your project needs some 🙂

Join 208,419 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.

About the Author

Sujay is CEO and Co-Founder of Brainstorm Force, the company behind Astra. He is a diehard entrepreneur, growth hacker, and YouTube addict. Get in touch with him on Twitter @sujaypawar.

Sharing is Caring!
Share on facebook
Share on twitter
Share on telegram
Share on whatsapp
Share on facebook
Share on twitter
Share on telegram
Share on whatsapp

6 comments

  1. Can I made a narrow header as shown above (black) without going pro. Very frustrated with the ‘bloaty’ feel of the header in the free version and can’t seem to get it smaller without a lot of custom work…

    1. Regretfully, the free theme only offers the primary header. But it should not look “bloaty” out of the box. How is your logo sized? The height of the header depends very much on the height of your logo.

    1. Hello,

      Yes! This is certainly possible! You can target headers on certain pages. 🙂

      Please open up a ticket at our support center, in case you need any further help.

  2. Hi!
    Is it possible to have a site logo that stretches over both Above Header and Main Header? Currently, the Site Logo is only displayed in the Main Header section. My goal is to have a minimal menu in the middle of the Above Header section, but I would like to have my logo to start from the upper edge of the window, not below the Above Header section.

Leave a Comment

Your email address will not be published. Required fields are marked *

Recommended Articles

Scroll to Top
Like what you read? Leave a comment