Inverted navigationUpdated 3 months ago

Uploading an Inverted Logo

In the Theme Settings under Logo, upload an inverted version of your logo. This logo will be displayed when the navigation's inversion functionality is activated. Ensure that:

• The inverted logo uses colors that are the opposite of the main logo for contrast.
• The image size matches the dimensions of the main logo for consistency.

Global Inversion Settings

In the Theme Settings under Navigation, you can:

• Select a specific color scheme to use for the inverted state.

Section-Specific Navigation Inversion

Each section includes a checkbox labeled "Invert navigation color in header". When this option is enabled:

• The header navigation and utilities will invert their colors while overlapping with the section.
• The navigation will revert to its original color scheme once the header no longer overlaps the section—unless the next section also has the inversion enabled.