Footer logo

Like the header logo, the footer logo can be configured in a number of different ways. If you have uploaded two logos to your site, on mobile devices they will always stack if you select a logo style that displays two logos.

The same logos are used in the header and the footer. These instructions presume you have already added logos to the site and just need to configure the display.

  1. Go to /admin/appearance/settings/<site-name> or "Appearance" in the menu, find your site and select "Settings".

  2. Scroll down the page until you see the "Components" section, and select "Footer".

  3. Select from the "Logo type" options:

    • Default

    • Stacked (requires two logos)

    • Inline

    • Inline stacked (requires two logos)

Examples

This table shows the layout of the logos at a glance. In all cases, two logos have been uploaded to the site, but the Footer logo settings determine if both logos or only the Primary logo displays.

Logo type

Final output (desktop)

Final output (mobile)

Default Uses the Primary logo only

Stacked Uses both the Primary & Secondary logos

Inline Desktop uses both Primary & Secondary. Mobile uses Primary only.

Inline stacked Desktop (inline) & mobile (stacked) both use both Primary & Secondary logos.

Light theme 'Default' desktop

If you have uploaded two logos to your site and you select 'Default', only the Primary logo displays.

Light theme 'Default' mobile

Social media links and partial footer menu shown here for context.

Light theme 'Stacked' desktop

Light theme 'Stacked' mobile

Dark theme 'Inline' desktop

Dark theme 'Inline' mobile

If you have uploaded two logos to your site, and you select 'Inline', only the Primary logo will display.

Dark theme 'Inline stacked' desktop

Dark theme 'Inline stacked' mobile

If two logos have been added to your site, they will 'stack' when 'Inline' style is selected.

Last updated

Was this helpful?