Header | Notion

Admin User Requirements for "Header"

Navigation & Menu
- Provides a fully customizable navigation menu with support for links, dropdown menus, and image links.
- Includes options for setting the logo position and adding a product slider within the menu drawer.
Promobar Functionality
- Displays promotional messages with customizable colors, effects, and autoplay settings.
- Supports multiple sliding messages with links.
Styling Options
- Full control over background and text colors for both the promobar and menu.
Responsive Design
- Optimized for desktop, tablet, and mobile displays with adjustable settings for each view.

Field	Required	Default	Description
Nav Items	Required	"Shop"	Top-level navigation items with links and optional dropdown menus.
Menu Links	Optional	Empty	Links displayed within dropdown menus.
Menu Button	Optional	Empty	Call-to-action button in the menu drawer.
Menu Images	Optional	Empty	Images displayed in the menu with optional captions and links.
Logo Position (desktop)	Optional	`"left"`	Position of the logo: Options: `left`, `center`.
Products Slider	Optional	Empty	Displays a product slider in the menu drawer.
Additional Links	Optional	Empty	Links displayed at the bottom of the menu drawer.

Field	Required	Default	Description
Enabled	Required	`true`	Toggles the visibility of the promobar.
Autohide	Optional	`true`	Hides the promobar after scrolling away from the top of the page.
Effect Between Transitions	Optional	`"fade"`	Transition effect for sliding messages: Options: `fade`, `slide-horizontal`, `slide-vertical`.
Autoplay Delay	Optional	`5000`	Delay between transitions in milliseconds.
Speed	Optional	`500`	Transition speed in milliseconds.
Background Color	Optional	`"var(--primary)"`	Background color for the promobar.
Text Color	Optional	`"var(--white)"`	Text color for the promobar.
Messages	Required	Predefined message	Sliding promotional messages with optional links.