,

How To Customize The Header On Astra


In my post, I show you how to customize the Header on the Astra WordPress theme step by step.

Astra is a light and fast WordPress theme. It is highly customizable and is one of the most downloaded WordPress themes.

1.6-million-1200x630

Let us begin.

To start, select Header from the customizer menu.

Header

The first option is Site Identity.

Header options

Customizing Site Identity

Site identity allows you to add your logo and a site icon to your website.

Let us upload a logo.

Site identity

Choose the Select Logo link to choose your file. Once uploaded, your logo appears on the top of your blog.

Logo

Use Logo Width to change your logo size.

Logo width

A site icon appears in browser tabs.

Site icon

Choose Upload and select your image file. You can change this file by clicking Change Image.

Browser tab

Visit my How To Change The Favicon On Astra for a complete tutorial.

Customize Primary Header

The Primary Header option positions your logo.

There are three options, left of your menu, above, or to the right of your menu.

Layout

The Width tab allows you to have the header section in-line with your blog content or full-screen width.

Header width

Next, you can have a border between your header and blog content.

Use Bottom Border Size to set thickness.

The Bottom Border Color option allows you to set your preferred color.

Border

Lastly, decide how you want your logo to show on mobile devices.

Mobile header

Customize Primary Menu

The Primary Menu option allows you to customize the menu.

Primary menu

The Last Item In Menu option allows you to add an extra feature to your main navigation menu.

Last item in menu

The next option is for sub-menus.

Sub menu

Sub-menus appear when a visitor hovers their mouse over your main menu.

Sub menu

The next option is Mobile Menu.

Mobile

Use this option to change the menu style for mobile users.

Mobile menu

Customize Transparent Header

The Transparent Header option allows you to display an image not blocked by the header section.

Transparent header

This option is excellent if you plan to use an image as the background for your website.

Transparent header

You can enable this feature on all devices or select it from the menu.

Enable on complete website

This feature helps create an excellent homepage for your website.

Only text is visible on the image.

Transparent header example

How To Customize Header On Astra Video Tutorial

The Astra WordPress theme has excellent customization options to help you create a beautiful website.

Astra is one of the most downloaded themes on WordPress.

It is fast and easy to customize.

Visit my How To Customize The Astra WordPress Theme post for a complete customization tutorial.

I hope you found my article informative. If you have questions, please leave them below.



More posts…



Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.