Logo Booster

The Logo Booster Addon gives you more control over the logo of a SiteOrigin theme. You can add a sticky logo that replaces the logo when the header sticks to the top of the screen. You can use a different logo, or a different sticky logo, on any post or page. If you translate your site with WPML, you can also set a logo and a sticky logo for each language.

Requirements

Go to SiteOriginPremium Addons, click Theme Addons and activate Logo Booster.

In Vantage, the addon works only when Masthead Layout is Logo In Menu in the theme settings.

The sticky logo shows when the theme’s sticky header, or sticky menu, sticks to the top of the screen. Turn this on in your theme. For example, in SiteOrigin Corp, go to AppearanceCustomize > Theme Settings > Header and turn on Sticky Header.

The sticky logo replaces a logo. Add your logo in the theme first, for example at AppearanceCustomize > Site Identity, or add a page Logo (see below).

Global Settings

Go to SiteOriginPremium Addons and click Settings on the Logo Booster card.

The Global Sticky Logo field in the Logo Booster Settings dialog

Global Sticky Logo
The sticky logo for the whole site. It needs a page logo or a theme logo, which it replaces when the header sticks. Default: none.

Logos for Each Language

When WPML is active, the settings form has fields for each language. The Global Sticky Logo label starts with the name of your default language. For each other language, the form adds two settings, named with that language:

[Language] Base Logo
The logo for that language. It replaces the theme logo.

[Language] Global Sticky Logo
The sticky logo for that language.

When a language setting is empty, that language uses the theme logo and the default Global Sticky Logo.

A settings page with a base and sticky logo field added per additional site language
The above website has been translated into English and Portuguese. A base and sticky logo setting is added per additional site language.

Logos for One Post or Page

  1. Edit the post or page.
  2. Below the content area, find the SiteOrigin Premium meta box and click Logo Booster.
  3. Click Choose Media and pick an image for one or both settings.
  4. Update the post or page.

The Logo Booster section of the SiteOrigin Premium meta box with a Logo and a Sticky Logo set

Logo
Replaces the logo on this post or page. It also shows when the theme has no logo.

Sticky Logo
Replaces the Global Sticky Logo on this post or page.

You can use either setting on its own. The page settings come before the global settings.

Advanced Customizations

In SiteOrigin North and SiteOrigin Unwind, the sticky logo has an inline maximum width of 75px. To change it, add this snippet to your child theme’s functions.php file or with a code snippets plugin:

add_filter( 'siteorigin_premium_logo_booster_sticky_style', function( $style ) {
	return 'max-width: 120px;';
} );