Impact logo

The Impact logo displays a large logo image below the header on the home page. The impact logo hides when the page is scrolled down.


Showcase your brand with a prominent logo display below the header. Only applies to the home page

Click Impact logo section to find settings

SettingDescriptionOptions

Visibility

Choose to display on all screen sizes or only large screens.

Never Default On large screens On all screen sizes

Image

Upload a .png or .svg image. For full width, we recommend an image with a minimum width of 1200px.

Image width

Choose to display the impact logo as full width or set a custom width.

Page width Full width Default Custom width

Custom width

Set the maximum width of the impact logo.

250-1200 Default: 500

Change alignment and padding


Choose the position of the logo image and add padding above and below.

Click Impact logo section to find settings

SettingDescriptionOptions

Alignment

If logo image is less than full width, position the logo either to the left, center, or right.

Left Center Default Right

Top padding

For desktop and mobile, add spacing above the impact logo.

0 - 80px Default: 40px

Bottom padding

For desktop and mobile, add spacing below the impact logo.

0 - 80px Default: 40px


The transparent impact logo overlays the section at the top of the page.

The transparent logo requires a full-width Slideshow at the top of the page.

Important

Set Section width to Full width and Top padding to 0px. Click the section and scroll to the bottom the find the settings.

Click Impact logo section to find settings

SettingDescriptionOptions

Enable transparent impact logo

When enable, the impact logo overlays the top section to display the full height of full width media sections.

Default: Disabled

Change animation style


By default, the impact logo is animated with a parallax effect and fade effect when scrolling down the page. You can disable the parallax effect and change the direction of the fade effect.

Click Impact logo section to find settings

SettingDescriptionOptions

Enable parallax on scroll

When enabled, the impact logo moves at a different speed than the page when scrolling. This parallax effect creates an appearance of depth and perspective.

Default: Enabled

Fade effect on scroll

Choose how the impact logo fades when scrolling down the page.

Full fade Default Bottom to top fade Top to bottom fade Disabled

Last updated