Changing your header logo

First, we need to upload your logo.

"Logo (Color)" is for use on light backgrounds

"Logo (White)" is for use on dark backgrounds

All images uploaded to this storefront will be displayed.

If none exist or you wish to add more, click Manage Images.

The Manage Images tab will show details on relevant uploaded media

If viewing your storefront, you will notice the main logo has not updated.

This is because the homepage header is using Editable Content within Infigo. This Editable Content is currently using a static image for the logo.

We will update this now.

Locate the Header section within the Editable Content screen and click Edit

As a default header exists on your storefront, the code editor will be pre-populated.

You are able to add to, adjust or remove sections of this code to make changes to your web page header.

Tokens are pieces of information which are pre-defined elsewhere in Infigo.

One Token section named "Theme Tokens" contains pre-defined code generally related to storefront appearance.

One available option is related to the logo we set up earlier.

Locate the area in the code related to the header logo.

Even without HTML knowledge, it should be easy to identify relevant areas of this code.

The text highlighted in the image below shows the link to the Infigo logo which is currently in use on the storefront home page.

Should you wish to update this logo, you can change the selected logo from the Appearance Settings, or modify the code in the Header code editor.