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.
Set up impact logo
Showcase your brand with a prominent logo display below the header. Only applies to the home page
Click Impact logo section to find settings
| Setting | Description | Options |
|---|---|---|
Visibility | Choose to display on all screen sizes or only large screens. | Never Default On large screens On all screen sizes |
Image | Upload a | |
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
| Setting | Description | Options |
|---|---|---|
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 |
Enable transparent impact logo
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
| Setting | Description | Options |
|---|---|---|
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
| Setting | Description | Options |
|---|---|---|
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
