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)

Sidebar Image

Did not find a solution? We are here to help you succeed.

Note:

The new Header and Footer builder has been 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.

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

If you’re using the Old Astra Header (Below Astra 3.0.0), these settings are provided to allow easy settings to add site identities:

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

These 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 to the link here.

In case the normal logo is big 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 on Mobile Header with Astra.

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 reduce page load.

To explore how Astra handles the logo width, please refer to the link here.

Site Title & Tagline

The Site Title is the name of 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 the logo and site title – tagline, in one line. It will be visible only when the site title and/or the tagline is enabled.

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 the Site Icon here.

That’s it! While these settings work great, we encourage you to update to the latest version for a better experience.

For any assistance, feel free to reach out. We’re always here to help!

Related Documents –

Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

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