No results found. Try again with different words?

Search must be at least 3 characters.

How to Add Logo, Favicon, and Site Title with Astra? (Old Astra Header)

Note:

The new Header and Footer builder is available since Astra version 3.0.0. If you are using Header and Footer builder please switch to the related document to learn how to manage Site Identity and Logo options.

Quick Tip: With Header Builder, the Site Identity options can now be found under the Customizer > Header Builder > General > Site Identity & Logo

Below are the settings that is provided by Astra below 3.0.0 for allowing easy settings to add site identities like –

  • Logo
  • Retina Logo
  • Logo for mobile devices
  • Site Title
  • Site Tagline
  • Site Icon (favicon).

Settings can be found in the customizer under Customize > Header > Site Identity

Logo (Normal and Retina)

For the normal logo select a logo image from Media Library. Astra also allows adding Different Logos for retina devices. This 2x sized logo is necessary on high definition screens so the logo won’t look blurred. For detailed information about the retina logo please refer the link here.

In case the normal logo is big in size and covers most of the header space on mobile devices – choose to set Different Logos for mobile devices and add a separate smaller logo. For more details read the article for Mobile Header with Astra.

Logo Settings, Astra 3.0.+

Logo Width

You can easily adjust the logo width with a slider. Set the toggle button to adjust logo width on the desktop, tablet, and mobile. Astra physically crops the logo in an appropriate aspect ratio which helps reducing page load. To explore how Astra handles the logo width, please refer to the link here.

Site Title &Tagline

Site Title is a name for the website. While the Tagline is the one-line description for the site. Site Title and Tagline will display in the title bar of a web browser. Manage the font size for both from Typography > Primary header.

Inline Alignment – This option sets logo and site title – tagline, in one line. It will be visible only when the site title or/and the tagline is enabled.

Title and Tagline Settings

Site Icon (Favicon)

It’s a small image icon that can be seen in the tab of a web browser, bookmark bars, and within the WordPress mobile apps. You can set it with the site icon option. The recommended size for a favicon is 512 pixels. Know more about Site Icon here.

Add fevicon in Astra

Related Document

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form