How To Create A Top Header And Below Header Using Astra

Peter

Add a Top Header to your Website

01

After you get your Astra Pro plugin installed, go to Appearance > Customize, under the Header option, here you’ll find the Above Header and Below Header options 

Go to Above Header, under Layout you can choose either Layout 1 or 2, or you can just disable the option Under Layout 1;

You can add text or a widget to your header and you can add a search in the other section. You can also set up the search to be a header cover; so that when you click on the search it covers up the header, or you can make it full screen; so when you click on the search it covers the whole screen.

You also have the option to configure the height of your top header the way you want it, and to add a bottom border and a border color if you want to

Add a Below Header to your Website

02

In the same way, when you select the Below Header option, you can configure it the way you want to.

For example, you can select Layout 2 (with one column), and under Section 1 you can choose to have Text/HTML and under Text/html you can add your text, for example, ‘East to West Astra is Best’ 

You can also add a bottom border and add a border color, as well as adjust the height of your header. When you’re done, just click the Publish button and you can reload your preview page to see your results.

Video: Creating a Top Header and Below Header using Astra Them

Note:

Check out more on this story on the link below.