Kajabi Custom Header Tool

Desktop Preview

General Settings

Logo URL:

Logo Click URL:

Logo Width (px):

Header Background Color:

Custom Class Name:

Font Family:

Underline menu links?

Font Weight:

Line Height:

Letter Spacing:

Font Size (Mobile):

Font Size (Desktop):

Custom CSS (Applies to All Sizes):

Desktop Settings

Full Width Header?

Header Padding (Vertical - Desktop) (px):

Header Padding (Horizontal - Desktop) (px):

Menu Font Color:

Menu Font Hover Color:

Sub-Menu Font Color:

Sub-Menu Hover Font Color:

Sub-Menu BG Color:

Sub-Menu Hover BG:

Link Margin (Desktop) px:

Desktop Dropdown Offset (px):

Default 10 => top:calc(100% + 10px). Adjust as needed.

Desktop Sub-Menu Behavior:

Custom CSS (Desktop Only - min-width: 769px):

Mobile Settings

Header Padding (Vertical - Mobile) (px):

Header Padding (Horizontal - Mobile) (px):

Make Mobile Menu Full Height (100vh)

Mobile Menu Transition Type:

Mobile Menu Transition Direction:

Mobile Menu Transition Speed (seconds):

Mobile Sub-Menu Behavior:

Hamburger/Bar Color:

Menu Link Text Color:

Menu Link Hover Text Color:

Menu Link Background Color:

Menu Link Hover Background Color:

Mobile Nav Top Offset (px):

Mobile Menu Text Alignment:

Mobile Menu Link Vertical Padding (px):

Mobile Menu Link Horizontal Padding (px):

Mobile Menu Vertical Padding (px):

Mobile Menu Outer Background Color:

Custom CSS (Mobile Only - max-width: 768px):

Sub-Menu Settings

Desktop Sub-Menu Vertical Padding (px):

Desktop Sub-Menu Horizontal Padding (px):

Mobile Sub-Menu Link Vertical Padding (px):

Mobile Sub-Menu Link Horizontal Padding (px):

Desktop Sub-Menu Border:

Desktop Sub-Menu Radius (px):

Desktop Sub-Menu Box Shadow:

Sub-Menu Arrow Icon

Show Arrow/Icon?

Icon Class (FA):

Icon Size (px):

Icon Color:

Navigation Links

Disable Top-Level Links If They Have Sub-Links

Save/Load Headers

Header Name:

Load Saved Header:

Export & Import Headers:

Live Preview

Simulate User State: Logged Out Logged In

Desktop Preview Vertical Padding (px):

Desktop Preview Horizontal Padding (px):

Mobile Preview Vertical Padding (px):

Mobile Preview Horizontal Padding (px):